fix(web): resolve build regressions

Author: root

apps/web/src/components/activity/ActivityFeed.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import type { JSX } from 'react';
 import { useEffect, useMemo, useState } from 'react';
 import { ActivityDto, GroupDto } from '@fairshare/shared-types';
 import { ActivitySquare, BadgeCheck, Clock3, Mail, Receipt, RefreshCw, UsersRound } from 'lucide-react';
@@ -48,7 +49,8 @@ function labelFor(activity: ActivityDto): string {
 function formatAmount(activity: ActivityDto): string | null {
   const cents = activity.metadata?.amountCents ?? activity.metadata?.totalAmountCents;
   if (!cents) return null;
-  return (Number(cents) / 100).toLocaleString(undefined, { style: 'currency', currency: activity.metadata?.currency ?? 'USD' });
+  const currency = typeof activity.metadata?.currency === 'string' ? activity.metadata.currency : 'USD';
+  return (Number(cents) / 100).toLocaleString(undefined, { style: 'currency', currency });
 }
 
 function timeAgo(iso: string): string {

apps/web/src/components/settings/AppearanceSettings.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import type { JSX } from 'react';
 import { Laptop, Moon, Sun } from 'lucide-react';
 import { useThemeMode } from '../theme/ThemeProvider';
 

apps/web/src/components/theme/ThemeProvider.tsx

@@ -34,7 +34,13 @@ export function ThemeProvider({ children }: { children: React.ReactNode }) {
   const [resolved, setResolved] = useState<ResolvedTheme>('light');
 
   useEffect(() => {
-    const stored = (typeof window !== 'undefined' && (localStorage.getItem(STORAGE_KEY) as ThemeMode | null)) ?? 'system';
+    const readStored = (): ThemeMode => {
+      if (typeof window === 'undefined') return 'system';
+      const raw = localStorage.getItem(STORAGE_KEY);
+      return raw === 'light' || raw === 'dark' || raw === 'system' ? raw : 'system';
+    };
+
+    const stored = readStored();
     setModeState(stored);
     setResolved(applyTheme(stored));
   }, []);