Refactor admin panel into categorized navigation

frontend/src/components/AppShell.vue

@@ -25,7 +25,7 @@ const navItems = [
 ]
 
 const currentLabel = computed(
-  () => navItems.find((item) => item.to === route.path)?.label ?? 'Awards',
+  () => navItems.find((item) => route.path === item.to || route.path.startsWith(`${item.to}/`))?.label ?? 'Awards',
 )
 
 const visibleNavItems = computed(() =>
@@ -103,7 +103,7 @@ async function login(role: 'viewer' | 'admin') {
               :key="item.to"
               :to="item.to"
               class="rounded-full px-4 py-2 transition hover:bg-violet-50 hover:text-violet-700"
-              :class="route.path === item.to ? 'bg-violet-100 text-violet-800' : ''"
+              :class="route.path === item.to || route.path.startsWith(`${item.to}/`) ? 'bg-violet-100 text-violet-800' : ''"
             >
               {{ item.label }}
             </RouterLink>