feat: mentor detail page

client/src/pages/cockpit/cockpitPage/CockpitMentorPage.vue

@@ -31,7 +31,7 @@ const route = useRoute();
         </li>
       </ul>
     </nav>
-    <main class="container-large lg:mt-4">
+    <main class="container-large">
       <router-view></router-view>
     </main>
   </div>

client/src/pages/cockpit/cockpitPage/mentor/MentorDetailParentPage.vue

@@ -1,7 +1,21 @@
 <script setup lang="ts"></script>
 
 <template>
-  <router-link to="{name: ''}">{{ $t("a.Zurück") }}</router-link>
+  <router-link
+    :to="{ name: 'mentorCockpitOverview' }"
+    class="btn-text mb-4 inline-flex items-center pl-0"
+  >
+    <it-icon-arrow-left class="it-icon"></it-icon-arrow-left>
+    {{ $t("a.Zurück") }}
+  </router-link>
 
-  <div class="bg-white p-8">Hallo</div>
+  <div class="bg-white">
+    <div class="p-6">
+      <h2 class="mb-2">Praxisauftrag: Überprüfen einer Hausratsversicherung</h2>
+      <span class="text-gray-800">Circle «Haushalt»</span>
+    </div>
+    <div class="border-t p-6">
+      <div>Some user</div>
+    </div>
+  </div>
 </template>