Modernize and restyle the Expo/React Native frontend (React 19, RN 0.81, expo-router) while keeping flows working. Use for UI refreshes, design-token alignment, accessibility/UX polish, performance/responsiveness tuning, and component refactors across mobile and web.
Upgrade and restyle the Expo + React Native app with consistent design-token usage, safer refactors, and dual mobile/web support. Follow the workflow below and the repo-specific notes in references/frontend-stack.md.
ThemeProvider/useTheme from frontend/src/theme/ThemeContext.tsx and tokens from or . Avoid hard-coded colors; reuse spacing/typography scales.frontend/src/theme/designTokens.tsstyles/globalStyles.tsscreenStyles, modernDesignSystem) and gradients/glass helpers for depth instead of custom inline styles.react-hook-form and Zod schemas.expo-router conventions; update route params/types when changing screens.FlashList; defer heavy work to effects; verify web compatibility (hover states optional, but no RN-only props on DOM).npm run lint, npm run typecheck, and npm test after changes. For visual work, sanity-check in Expo Go/web and (optionally) npm run storybook.references/frontend-stack.md: Stack summary, theming/styling entry points, common commands.