fix(ui): even footer line, mode switch fits the user menu and shows every choice

chore(release): v0.14.1

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

frontend/src/components/AppFooter.tsx

@@ -9,37 +9,21 @@ interface AppFooterProps {
 }
 
 export const AppFooter: React.FC<AppFooterProps> = ({ legal, onOpenAbout }) => {
+  // One small, even line: same font, size and weight for every part (mixed mono/bold looked crooked)
+  const item = 'leading-none hover:text-muted transition-colors cursor-pointer';
   return (
-    <footer className="hidden sm:flex shrink-0 w-full max-w-6xl mx-auto px-4 py-2 items-center justify-between text-[11px] text-faint select-none">
-      <div className="flex items-center gap-3">
-        <button
-          type="button"
-          onClick={onOpenAbout}
-          className="font-semibold text-muted hover:text-main transition-colors cursor-pointer"
-        >
-          MindSift
+    <footer className="hidden sm:flex shrink-0 w-full max-w-6xl mx-auto px-4 py-1.5 items-center justify-between text-[10px] leading-none text-faint select-none">
+      <div className="flex items-center gap-1.5">
+        <button type="button" onClick={onOpenAbout} className={item} title="Über MindSift & Versionsdetails">
+          MindSift {APP_VERSION}
         </button>
-        <button
-          type="button"
-          onClick={onOpenAbout}
-          className="font-mono hover:text-main transition-colors cursor-pointer"
-          title="Über MindSift & Versionsdetails"
-        >
-          {APP_VERSION}
-        </button>
-        <span className="text-border">·</span>
-        <button
-          type="button"
-          onClick={onOpenAbout}
-          className="hover:text-main transition-colors cursor-pointer underline-offset-2 hover:underline"
-        >
+        <span aria-hidden>·</span>
+        <button type="button" onClick={onOpenAbout} className={item}>
           Über MindSift
         </button>
       </div>
 
-      <div className="flex items-center gap-3">
-        <LegalLinks legal={legal} className="!text-faint gap-3" />
-      </div>
+      <LegalLinks legal={legal} className="!text-[10px] !text-faint !gap-x-3 leading-none" />
     </footer>
   );
 };