feat: move admin tools to its own sidebar group

Author: sifferhans

components/sidebar/SidebarElement.vue

@@ -73,6 +73,15 @@ const { data: currentUser } = await useCurrentUser();
             :link="{ name: 'search-term' }"
             icon="nav.search"
           />
+        </SidebarGroup>
+
+        <SidebarGroup :title="$t('sidebar.tools.title')">
+          <SidebarItem
+            v-if="isFraKaareDashboardViewer(currentUser)"
+            :title="$t('dashboards.title')"
+            :link="{ name: 'dashboards-fra-kaare' }"
+            icon="icon.dashboard"
+          />
           <SidebarItem
             v-if="isTranscriptionManager(currentUser)"
             :title="$t('nav.transcribe')"
@@ -85,12 +94,6 @@ const { data: currentUser } = await useCurrentUser();
             :link="{ name: 'lyrics' }"
             icon="icon.lyrics"
           />
-          <SidebarItem
-            v-if="isFraKaareDashboardViewer(currentUser)"
-            title="Dashboard"
-            :link="{ name: 'dashboards-fra-kaare' }"
-            icon="icon.dashboard"
-          />
         </SidebarGroup>
 
         <SidebarGroup :title="$t('sidebar.playlists.title')">

locales/en.json

@@ -25,6 +25,9 @@
   "sidebar": {
     "playlists": {
       "title": "Playlists"
+    },
+    "tools": {
+      "title": "Tools"
     }
   },
   "share": {