fix(appshell): explicitly import SidebarHeader and SidebarUserCard

unplugin-vue-components' Components({ dirs }) in vite.config.ts only
scans src/components, src/@core/components, and src/views/demos. The
sub-components introduced in B1/B3 live under src/layouts/components/,
which is NOT in the auto-import scan path. Without an explicit script
import, Vue renders <SidebarHeader> and <SidebarUserCard> as unknown
HTML elements (no DOM output, no errors), which is why the topbar and
sidebar-bottom cards looked empty in browser inspection.

Adding the two imports inline with the existing Icon import keeps the
component graph explicit. The post-edit eslint --fix hook preserves
the imports because the template usages (already present from B1 and
B3) make vue-eslint-parser see them as used.

The original B1/B3 commits had the imports stripped by the hook
because the imports were added in a separate Edit *before* the
template usages — eslint --fix correctly removed them as unused at
that moment, and the next Edit added the template usage but not the
import.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

apps/app/src/layouts/components/AppShell.vue

@@ -22,6 +22,8 @@ import Drawer from 'primevue/drawer'
 import Button from 'primevue/button'
 import { useToast } from 'primevue/usetoast'
 import Icon from '@/components/Icon.vue'
+import SidebarHeader from '@/layouts/components/SidebarHeader.vue'
+import SidebarUserCard from '@/layouts/components/SidebarUserCard.vue'
 import { useAuthStore } from '@/stores/useAuthStore'
 
 interface NavHeading {