fix(design): the nav rail's footer rows (language, About, Sign out) share the rail row and glyph (E28)

frontend/src/components/NavSidebar.tsx

@@ -20,14 +20,20 @@ import {
 } from "../lib/modules";
 import { useScrollFade } from "../lib/useScrollFade";
 import { type LangCode } from "../i18n";
-import { IconButton } from "./ui/IconButton";
 import AvatarImg from "./ui/Avatar";
 import LanguageSwitcher from "./LanguageSwitcher";
 import { PopoverSurface } from "./ui/AnchoredPopover";
 import { useAnchoredPopover } from "./ui/anchoredPopoverHooks";
 import { Pressable } from "./ui/Pressable";
 import { SURFACE } from "./ui/surfaces";
-import { NavRail, NavRailDivider, NavRailItem, NavRailList, RAIL_ROW } from "./ui/NavRail";
+import {
+  NavRail,
+  NavRailAction,
+  NavRailDivider,
+  NavRailItem,
+  NavRailList,
+  RAIL_ROW,
+} from "./ui/NavRail";
 import { usePrefs } from "./prefsContext";
 
 // Primary app navigation: a thin icon-only left rail. The modules used to hide under the avatar
@@ -196,24 +202,10 @@ export default function NavSidebar({
         </NavRailList>
 
         <div className="mt-2 pt-2 border-t border-border flex flex-col gap-1">
-          <div className="flex flex-col items-center justify-center gap-2 pb-2 mb-1 border-b border-border">
+          <div className="flex flex-col gap-1 pb-2 mb-1 border-b border-border">
             <LanguageSwitcher variant="rail" value={language} onChange={onChangeLanguage} />
-            <IconButton
-              label={t("header.account.about")}
-              size="md"
-              variant="ghost"
-              onClick={onOpenAbout}
-            >
-              <Info className="w-5 h-5" />
-            </IconButton>
-            <IconButton
-              label={t("header.account.signOut")}
-              size="md"
-              variant="ghost"
-              onClick={logout}
-            >
-              <LogOut className="w-5 h-5" />
-            </IconButton>
+            <NavRailAction icon={Info} label={t("header.account.about")} onClick={onOpenAbout} />
+            <NavRailAction icon={LogOut} label={t("header.account.signOut")} onClick={logout} />
           </div>
           <NavRailItem
             testId="nav-settings"