Merge branch 'develop' into feature/cockpit-ui

# Conflicts:
#	client/src/components/competences/CompetenceDetail.vue
#	client/src/locales/de.json
#	client/tailwind.config.js

client/src/components/competences/CompetenceDetail.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import PerformanceCriteriaRow from "@/components/competences/PerformanceCriteriaRow.vue";
 import ItProgress from "@/components/ui/ItProgress.vue";
+import ItToggleArrow from "@/components/ui/ItToggleArrow.vue";
 import { useCompetenceStore } from "@/stores/competence";
 import type { CompetencePage } from "@/types";
 import { ref } from "vue";

client/src/components/ui/ItToggleArrow.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+interface Props {
+  isOpen: boolean;
+  small?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  isOpen: false,
+  small: false,
+});
+
+function sizeClasses() {
+  return props.small ? ["h-8", "w-8"] : ["h-10", "w-10"];
+}
+</script>
+
+<template>
+  <div class="transition-transform" :class="{ 'rotate-180': isOpen }">
+    <it-icon-arrow-down :class="sizeClasses()" aria-hidden="true" />
+  </div>
+</template>
+<style lang="scss" scoped></style>

client/src/locales/de.json

@@ -14,7 +14,9 @@
     "circles": "Circles",
     "transferTask": "Transferauftrag | Transferaufträge",
     "feedback": "Feedback | Feedbacks",
-    "examResult": "Prüfungsresultat | Prüfungsresultate"
+    "exam": "Prüfung | Prüfungen",
+    "examResult": "Prüfungsresultat | Prüfungsresultate",
+    "certificate": "Zertifikat | Zertifikate"
   },
   "mainNavigation": {
     "logout": "Abmelden",
@@ -49,6 +51,7 @@
     "progressLink": "KompetenzNavi öffnen"
   },
   "competences": {
+    "competences": "Kompetenzen",
     "title": "KompetenzNavi",
     "lastImprovements": "Letzte verbesserte Kompetenzen",
     "showAll": "Alle anschauen",
@@ -79,5 +82,8 @@
     "examsDone": "Abgelegte Prüfungen von Teilnehmer.",
     "progress": "Fortschritt",
     "profileLink": "Profil anzeigen"
+  },
+  "messages": {
+    "sendMessage": "Nachricht schreiben"
   }
 }

client/tailwind.config.js

@@ -32,6 +32,7 @@ module.exports = {
         assignment: "url('/static/icons/icon-lc-assignment.svg')",
         feedback: "url('/static/icons/icon-feedback.svg')",
         test: "url('/static/icons/icon-lc-test.svg')",
+        message: "url('/static/icons/icon-message.svg')",
       },
       borderColor: (theme) => ({
         DEFAULT: theme("colors.gray.500"),