fix(DashboardSidebar): add overflow-hidden to footer slot

The footer slot lacked an overflow constraint, so child components like
UNavigationMenu could exceed the sidebar width. The body slot already
uses overflow-y-auto which establishes a BFC — add overflow-hidden to
footer for the same containment.

Fixes #6231

Author: howwohmm

src/theme/dashboard-sidebar.ts

@@ -3,7 +3,7 @@ export default {
     root: 'relative hidden lg:flex flex-col min-h-svh min-w-16 w-(--width) shrink-0',
     header: 'h-(--ui-header-height) shrink-0 flex items-center gap-1.5 px-4',
     body: 'flex flex-col gap-4 flex-1 overflow-y-auto px-4 py-2',
-    footer: 'shrink-0 flex items-center gap-1.5 px-4 py-2',
+    footer: 'shrink-0 flex items-center gap-1.5 overflow-hidden px-4 py-2',
     toggle: '',
     handle: '',
     content: 'lg:hidden',

test/components/__snapshots__/DashboardSidebar-vue.spec.ts.snap

@@ -110,7 +110,7 @@ exports[`DashboardSidebar > renders with footer slot correctly 1`] = `
   <div id="dashboard-sidebar-v-0" data-collapsed="false" data-dragging="false" data-slot="root" class="relative hidden lg:flex flex-col min-h-svh min-w-16 w-(--width) shrink-0 border-e border-default" style="--width: 15%;">
     <!--v-if-->
     <div data-slot="body" class="flex flex-col gap-4 flex-1 overflow-y-auto px-4 py-2"></div>
-    <div data-slot="footer" class="shrink-0 flex items-center gap-1.5 px-4 py-2">Footer slot</div>
+    <div data-slot="footer" class="shrink-0 flex items-center gap-1.5 overflow-hidden px-4 py-2">Footer slot</div>
   </div>
   <!--v-if-->
   <!--v-if-->

test/components/__snapshots__/DashboardSidebar.spec.ts.snap

@@ -110,7 +110,7 @@ exports[`DashboardSidebar > renders with footer slot correctly 1`] = `
   <div id="dashboard-sidebar-v-0-0-0" data-collapsed="false" data-dragging="false" data-slot="root" class="relative hidden lg:flex flex-col min-h-svh min-w-16 w-(--width) shrink-0 border-e border-default" style="--width: 15%;">
     <!--v-if-->
     <div data-slot="body" class="flex flex-col gap-4 flex-1 overflow-y-auto px-4 py-2"></div>
-    <div data-slot="footer" class="shrink-0 flex items-center gap-1.5 px-4 py-2">Footer slot</div>
+    <div data-slot="footer" class="shrink-0 flex items-center gap-1.5 overflow-hidden px-4 py-2">Footer slot</div>
   </div>
   <!--v-if-->
   <!--v-if-->