Add uk texts on dashboard

client/src/locales/de/translation.json

@@ -209,7 +209,6 @@
     "welcomeBack": "Willkommen zurück in deinem Lehrgang:"
   },
   "login": {
-    "contact": "Kontakt",
     "demoLogin": "Demo Login",
     "login": "Login",
     "ssoLogin": "SSO Login/Registration",
@@ -264,6 +263,11 @@
       "address": "Laupenstrasse 10, 3008 Bern",
       "team": "Team Nachwuchsentwicklung",
       "title": "Berufsbildungsverband der Versicherungswirtschaft VBV"
+    },
+    "dashboard": {
+      "allClear": "Alles klar?",
+      "nextSteps": "Als lernende Person wirst in den kommenden Tagen einem üK-Lehrgang zugewiesen. Dann\nerscheint hier Deine personalisierte Lehrgangs-Box mit den weiteren Informationen.",
+      "welcome": "Es hat alles geklappt, du bist nun auf der digitalen Lernumgebung des Berufsbildungsverbands der\nVersicherungswirtschaft (VBV) registriert!"
     }
   },
   "x von y Bewertungen freigegeben": "{{x}} von {{y}} Bewertungen freigegeben",

client/src/pages/DashboardPage.vue

@@ -34,10 +34,8 @@ const getNextStepLink = (courseSession: CourseSession) => {
         <h1 data-cy="welcome-message">
           {{ $t("dashboard.welcome", { name: userStore.first_name }) }}
         </h1>
-        <div
+        <div v-if="courseSessionsStore.uniqueCourseSessionsByCourse.length > 0">
-          v-if="courseSessionsStore.uniqueCourseSessionsByCourse.length > 0"
+          <div class="mb-14">
-          class="mb-14"
-        >
             <h2 class="mb-3 mt-12">{{ $t("dashboard.courses") }}</h2>
 
             <div class="grid auto-rows-fr grid-cols-1 gap-4 md:grid-cols-2">
@@ -66,10 +64,6 @@ const getNextStepLink = (courseSession: CourseSession) => {
               </div>
             </div>
           </div>
-        <div v-else class="mb-14">
-          <h2 class="mb-3 mt-12">{{ $t("dashboard.courses") }}</h2>
-          <p>{{ $t("dashboard.nocourses") }}</p>
-        </div>
           <div>
             <h3 class="mb-6">{{ $t("dashboard.dueDatesTitle") }}</h3>
             <DueDatesList
@@ -80,6 +74,27 @@ const getNextStepLink = (courseSession: CourseSession) => {
             ></DueDatesList>
           </div>
         </div>
+        <div v-else class="mb-14">
+          <div class="mb-12">
+            <h2 class="mb-3 mt-12">{{ $t("dashboard.courses") }}</h2>
+            <p class="mb-8">{{ $t("uk.dashboard.welcome") }}</p>
+            <p>{{ $t("uk.dashboard.nextSteps") }}</p>
+          </div>
+          <div>
+            <h2 class="mb-3 mt-12">{{ $t("uk.dashboard.allClear") }}</h2>
+            <h3 class="font-normal">{{ $t("footer.contact") }}</h3>
+            <address class="not-italic">
+              <p class="non-italic">
+                {{ $t("uk.contact.title") }}
+                <br />
+                {{ $t("uk.contact.team") }}
+                <br />
+                {{ $t("uk.contact.address") }}
+              </p>
+            </address>
+          </div>
+        </div>
+      </div>
     </main>
     <aside class="m-8 lg:order-1 lg:w-[343px]">
       <div class="mx-auto mb-6 pb-6 text-center">

client/src/pages/LoginPage.vue

@@ -94,8 +94,8 @@ const userStore = useUserStore();
       </div>
     </div>
     <div class="container-medium">
-      <h2 class="mb-8">{{ $t("login.contact") }}</h2>
+      <h2 class="mb-8">{{ $t("footer.contact") }}</h2>
-      <address class="non-italic">
+      <address class="not-italic">
         <p class="non-italic">
           {{ $t("uk.contact.title") }}
           <br />