fix(sidebar): prevent version dropdown clipping

frontend/src/components/layout/__tests__/AppSidebar.spec.ts

@@ -6,6 +6,8 @@ import { describe, expect, it } from 'vitest'
 
 const componentPath = resolve(dirname(fileURLToPath(import.meta.url)), '../AppSidebar.vue')
 const componentSource = readFileSync(componentPath, 'utf8')
+const stylePath = resolve(dirname(fileURLToPath(import.meta.url)), '../../../style.css')
+const styleSource = readFileSync(stylePath, 'utf8')
 
 describe('AppSidebar custom SVG styles', () => {
   it('does not override uploaded SVG fill or stroke colors', () => {
@@ -16,3 +18,12 @@ describe('AppSidebar custom SVG styles', () => {
     expect(componentSource).not.toContain('fill: none;')
   })
 })
+
+describe('AppSidebar header styles', () => {
+  it('does not clip the version badge dropdown', () => {
+    const sidebarHeaderBlockMatch = styleSource.match(/\.sidebar-header\s*\{[\s\S]*?\n  \}/)
+
+    expect(sidebarHeaderBlockMatch).not.toBeNull()
+    expect(sidebarHeaderBlockMatch?.[0]).not.toContain('@apply overflow-hidden;')
+  })
+})

frontend/src/style.css

@@ -246,6 +246,7 @@
   }
 
   .card-header {
+    @apply border-b border-gray-100 dark:border-dark-700;
     @apply px-6 py-4;
     border-bottom: 1px solid #f0f4f8;
   }
@@ -259,6 +260,7 @@
   }
 
   .card-footer {
+    @apply border-t border-gray-100 dark:border-dark-700;
     @apply px-6 py-4;
     border-top: 1px solid #f0f4f8;
   }