Fix course session select button

client/src/components/header/SelectedCourseSession.vue

@@ -36,14 +36,13 @@ const showCourseSessionMenu = computed(
     v-if="hasSessionTitle"
     class="nav-item-base inline-flex items-center lg:inline-flex"
   >
-    <div data-cy="current-course-session-title" class="text-bold">
-      {{ selectedCourseSessionTitle }}
-    </div>
-
     <Popover v-if="showCourseSessionMenu" class="relative">
       <PopoverButton
-        class="group flex items-center rounded-md bg-transparent px-3 text-base focus:outline-none"
+        class="group flex items-center gap-1 rounded-md bg-transparent px-3 text-base focus:outline-none"
       >
+        <span class="text-bold">
+          {{ selectedCourseSessionTitle }}
+        </span>
         <it-icon-arrow-down class="h-6 w-6" />
       </PopoverButton>
       <PopoverPanel class="absolute left-0 z-10 mt-3 w-64 px-1 sm:px-0 lg:max-w-3xl">
@@ -59,5 +58,9 @@ const showCourseSessionMenu = computed(
         </div>
       </PopoverPanel>
     </Popover>
+
+    <div v-else data-cy="current-course-session-title" class="text-bold">
+      {{ selectedCourseSessionTitle }}
+    </div>
   </div>
 </template>

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

@@ -35,7 +35,7 @@ const enableDocuments = computed(() => {
 
 const items = computed(() => [
   { id: 1, name: t("a.Übersicht"), route: defaultRoute },
-  { id: 2, name: t("a.Teilnehmer"), route: attendanceRoute },
+  // { id: 2, name: t("a.Teilnehmer"), route: attendanceRoute }, // todo: re-enable with correct route in a later issue
   ...(enableDocuments.value
     ? [
         {