fix: resolve sidebar logo clipping with flex-based layout (refs #187)

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

frontend/src/components/Layout.tsx

@@ -142,17 +142,19 @@ export const Layout: React.FC<LayoutProps> = ({ children, mobileMode = false })
                   backgroundColor: 'transparent',
                 }),
                 borderRadius: 0.5,
-                px: 1,
+                px: 0.5,
                 py: 0.5,
                 display: 'inline-flex',
                 alignItems: 'center',
                 overflow: 'hidden',
+                flex: 1,
+                minWidth: 0,
               })}
             >
               <img
                 src="/images/logos/motovaultpro-title-slogan.png"
                 alt="MotoVaultPro"
-                style={{ height: 24, width: 'auto', maxWidth: 180 }}
+                style={{ height: 24, width: 'auto', maxWidth: '100%' }}
               />
             </Box>
           )}