feat(i18n): persist Bokmal preference globally

job-tracker-ui/src/App.tsx

@@ -81,6 +81,7 @@ type MeResponse = {
   entitlements?: { ai?: boolean; proThemes?: boolean };
   appVersion?: string;
   appCommitSha?: string;
+  uiLanguage?: "en" | "nb-NO";
 };
 
 function breadcrumbsFor(path: string, t: (k: any) => string): string[] {
@@ -154,7 +155,7 @@ function LegacyApplicationRedirect() {
 function Shell({ jobPageSize, setJobPageSize, jobColumns, setJobColumns, themeMode, onThemeModeChange }: { jobPageSize: 15 | 20 | 25; setJobPageSize: (n: 15 | 20 | 25) => void; jobColumns: JobTableColumns; setJobColumns: (c: JobTableColumns) => void; themeMode: ThemeModePref; onThemeModeChange: (v: ThemeModePref) => void; }) {
   const location = useLocation();
   const navigate = useNavigate();
-  const { t } = useI18n();
+  const { t, hydrateLanguage } = useI18n();
   const compactHeaderActions = useMediaQuery("(max-width:767.95px)");
 
   const [addOpen, setAddOpen] = useState(false);
@@ -198,6 +199,7 @@ function Shell({ jobPageSize, setJobPageSize, jobColumns, setJobColumns, themeMo
       .then((r) => {
         if (!active) return;
         setMe(r.data);
+        hydrateLanguage(r.data?.uiLanguage);
         setIsAdmin(Boolean(r.data?.roles?.includes("Admin")));
         setAuthUserKey(r.data?.id || r.data?.email || r.data?.userName || null, false);
       })
@@ -213,7 +215,7 @@ function Shell({ jobPageSize, setJobPageSize, jobColumns, setJobColumns, themeMo
     return () => {
       active = false;
     };
-  }, []);
+  }, [hydrateLanguage]);
   useEffect(() => {
     const load = () => {
       api.get<any[]>("/jobapplications/reminders", { params: { upcomingDays: 14 } }).then((r) => setReminderCount(Array.isArray(r.data) ? r.data.length : 0)).catch(() => setReminderCount(0));
@@ -240,6 +242,7 @@ function Shell({ jobPageSize, setJobPageSize, jobColumns, setJobColumns, themeMo
       api.get<MeResponse>("/auth/me")
         .then((r) => {
           setMe(r.data);
+          hydrateLanguage(r.data?.uiLanguage);
           setIsAdmin(Boolean(r.data?.roles?.includes("Admin")));
           setAuthUserKey(r.data?.id || r.data?.email || r.data?.userName || null, false);
         })
@@ -253,7 +256,7 @@ function Shell({ jobPageSize, setJobPageSize, jobColumns, setJobColumns, themeMo
 
     window.addEventListener("auth-changed", onAuthChanged);
     return () => window.removeEventListener("auth-changed", onAuthChanged);
-  }, []);
+  }, [hydrateLanguage]);
 
   useEffect(() => {
     const onKeyDown = (e: KeyboardEvent) => {