feat(web/admin): add breadcrumb to queue view, wrap in AdminShell

Replaces the old page-shell header with AdminShell sidebar wrapper,
adds breadcrumb nav (← Labs / {labId} / Queue), adds a Refresh button,
and removes the old admin-queue-view__header CSS. Updates both
AdminQueueView.test.ts and ProfileView.test.ts to provide a router
context (required by AdminShell's RouterLink/useRouter usage).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: HuanCheng65

apps/web/src/views/AdminQueueView.test.ts

@@ -1,5 +1,6 @@
 import { afterEach, describe, expect, it, vi } from 'vitest';
 import { createApp, nextTick } from 'vue';
+import { createMemoryHistory, createRouter } from 'vue-router';
 import AdminQueueView from './AdminQueueView.vue';
 
 async function flush() {
@@ -18,10 +19,22 @@ function jsonResponse(payload: unknown, status = 200) {
 }
 
 async function mountQueue(url = '/admin/labs/sorting/queue') {
+  const router = createRouter({
+    history: createMemoryHistory(),
+    routes: [
+      { path: '/admin/login', name: 'admin-login', component: { template: '<div>login</div>' } },
+      { path: '/admin/labs', name: 'admin-labs', component: { template: '<div>labs</div>' } },
+      { path: '/admin/labs/:labID/queue', name: 'admin-queue', component: AdminQueueView }
+    ]
+  });
+  await router.push(url);
+  await router.isReady();
+  window.history.pushState({}, '', url);
+
   const el = document.createElement('div');
   document.body.appendChild(el);
-  window.history.pushState({}, '', url);
   const app = createApp(AdminQueueView);
+  app.use(router);
   app.mount(el);
   await flush();
   return {