Add a static images manager and polish dashboard layout and fonts.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/business/src/components/Header.tsx

@@ -6,6 +6,7 @@ import { useAuth } from '../context/AuthContext'
 import { useT } from '../i18n/useT'
 import { getActiveBusinessId } from '../lib/businessContext'
 import { changePassword } from '../services/authService'
+import { Tooltip } from './Tooltip'
 import styles from './Header.module.css'
 
 function displayUserName(
@@ -31,7 +32,12 @@ function displayUserName(
   return localized || other || user.cellNumber || fallback
 }
 
-export function Header() {
+interface HeaderProps {
+  navOpen?: boolean
+  onMenuClick?: () => void
+}
+
+export function Header({ navOpen = false, onMenuClick }: HeaderProps) {
   const navigate = useNavigate()
   const { user, logout } = useAuth()
   const { locale } = useLocale()
@@ -92,9 +98,18 @@ export function Header() {
     <>
       <header className={styles.header}>
         <div className={styles.left}>
-          <button className={styles.menuBtn} aria-label={t('header.toggleMenu')}>
-            <Menu size={22} />
-          </button>
+          <Tooltip label={t('header.toggleMenu')}>
+            <button
+              type="button"
+              className={styles.menuBtn}
+              aria-label={t('header.toggleMenu')}
+              aria-expanded={navOpen}
+              aria-controls="dashboard-sidebar"
+              onClick={onMenuClick}
+            >
+              <Menu size={22} />
+            </button>
+          </Tooltip>
         </div>
 
         <div className={styles.right}>