Some fixes in media library

client/src/pages/mediaLibrary/MLCategoryDetailPage.vue

@@ -74,7 +74,7 @@ const hasMoreItemsForType = (itemType: string, items: object[]) => {
           <div class="lg:w-6/12">
             <h3 class="font-normal text-large text-gray-900 mb-3">Handlungsfeld</h3>
             <h1 class="mb-4 lg:mb-8">{{ mediaCategory.title }}</h1>
-            <p class="text-xl">{{ mediaCategory.introduction_text }}</p>
+            <p class="text-large">{{ mediaCategory.introduction_text }}</p>
           </div>
           <div>
             <img

client/src/pages/mediaLibrary/MLParentPage.vue

@@ -25,9 +25,19 @@ onMounted(async () => {
 <template>
   <div class="bg-gray-200">
     <nav class="px-6 py-4 border-b border-gray-500 bg-white">
-      <ul class="flex text-xl flex-col lg:flex-row">
-        <li>Übersicht</li>
-        <li class="lg:ml-12">Handlungsfelder</li>
+      <ul v-if="mediaLibraryStore.mediaLibraryPage" class="flex flex-col lg:flex-row">
+        <li>
+          <router-link :to="mediaLibraryStore.mediaLibraryPage.frontend_url">
+            Übersicht
+          </router-link>
+        </li>
+        <li class="lg:ml-12">
+          <router-link
+            :to="`${mediaLibraryStore.mediaLibraryPage.frontend_url}/category`"
+          >
+            Handlungsfelder
+          </router-link>
+        </li>
         <li class="lg:ml-12">Allgemeines zu Versicherungen</li>
         <li class="lg:ml-12">Lernmedien</li>
         <li class="lg:ml-12">

client/tailwind.css

@@ -68,7 +68,8 @@ svg {
   }
 
   .filter-blue-900 {
-    filter: invert(9%) sepia(38%) saturate(5684%) hue-rotate(200deg) brightness(95%) contrast(105%);
+    filter: invert(9%) sepia(38%) saturate(5684%) hue-rotate(200deg) brightness(95%)
+      contrast(105%);
   }
 }