Fix UI/UX errors

client/src/main.ts

@@ -32,6 +32,9 @@ Sentry.init({
   environment: import.meta.env.VITE_SENTRY_ENV,
   dsn: "https://2df6096a4fd94bd6b4802124d10e4b8d@o8544.ingest.sentry.io/4504157846372352",
   tracesSampleRate: 0.0,
+  enabled:
+    import.meta.env.VITE_SENTRY_ENV == "production" ||
+    import.meta.env.VITE_SENTRY_ENV == "stage",
 });
 
 // todo: define lang setup

client/src/pages/competence/CompetenceIndexPage.vue

@@ -51,7 +51,7 @@ const countStatus = computed(() => {
   <div class="container-large lg:mt-4">
     <div
       v-if="competenceStore.competenceProfilePage"
-      class="flex flex-col lg:flex-row items-center justify-between mb-10"
+      class="flex flex-col lg:flex-row lg:items-center justify-between mb-10"
     >
       <h1>{{ $t("competences.title") }}</h1>
       <ItDropdownSelect

client/src/pages/mediaLibrary/MLCategoryDetailPage.vue

@@ -145,7 +145,10 @@ function hasMoreItemsForType<T>(itemType: MediaBlockType, items: T[]) {
                 :link-text="mediaItem.value.link_display_text"
                 :open-window="mediaItem.value.open_window"
               />
-              <div v-else class="flex items-center justify-between border-b py-4">
+              <div
+                v-else
+                class="flex flex-col lg:flex-row lg:items-center justify-between border-b py-4"
+              >
                 <h4 class="text-bold">{{ mediaItem.value.title }}</h4>
                 <MediaLink
                   :blank="mediaItem.value.open_window"

client/src/pages/mediaLibrary/MLIndexPage.vue

@@ -27,7 +27,7 @@ watch(dropdownSelected, (newValue) =>
 
 <template>
   <div class="container-large">
-    <div class="flex flex-col lg:flex-row items-center justify-between mb-12 mt-6">
+    <div class="flex flex-col lg:flex-row justify-between mb-12 mt-6">
       <h1>{{ $t("mediaLibrary.title") }}</h1>
       <!--      <ItDropdownSelect-->
       <!--        v-model="dropdownSelected"-->

client/src/pages/mediaLibrary/MLMediaListPage.vue

@@ -40,15 +40,14 @@ const mediaList = computed(() => {
     <div class="bg-gray-200">
       <div class="container-large">
         <nav class="py-4 lg:pb-8">
-          <router-link
-            class="btn-text inline-flex items-center pl-0"
-            :to="mediaStore.mediaLibraryPage.frontend_url"
-          >
+          <a class="btn-text inline-flex items-center pl-0" @click="$router.back()">
             <it-icon-arrow-left />
-            <span>zurück</span>
-          </router-link>
+            <span>{{ $t("general.back") }}</span>
+          </a>
         </nav>
-        <h1 class="mb-4">{{ mediaList.title }}</h1>
+        <h1 class="mb-4">
+          {{ `${mediaCategory.title}: ${mediaList.title}` }}
+        </h1>
       </div>
     </div>
     <div class="container-large">