Complete reviews + fix Navigation from user feedback

- Promote all 11 atoms, 6 molecules, 1 organism from review → done
- Navigation: grey bg (surface.subtle), real FA logo SVGs, add Provider Portal
- Navigation: remove mobileTrailing prop and MobilePriceTracker story
- Add staticDirs to Storybook config for brand assets

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/components/organisms/Navigation/Navigation.tsx

@@ -40,8 +40,6 @@ export interface NavigationProps {
   ctaLabel?: string;
   /** Click handler for the CTA button */
   onCtaClick?: () => void;
-  /** Optional right-aligned content for mobile (e.g. price tracker) */
-  mobileTrailing?: React.ReactNode;
   /** MUI sx prop for the root AppBar */
   sx?: SxProps<Theme>;
 }
@@ -75,7 +73,7 @@ export interface NavigationProps {
  * ```
  */
 export const Navigation = React.forwardRef<HTMLDivElement, NavigationProps>(
-  ({ logo, onLogoClick, items = [], ctaLabel, onCtaClick, mobileTrailing, sx }, ref) => {
+  ({ logo, onLogoClick, items = [], ctaLabel, onCtaClick, sx }, ref) => {
     const [drawerOpen, setDrawerOpen] = React.useState(false);
     const isMobile = useMediaQuery((theme: Theme) => theme.breakpoints.down('md'));
 
@@ -89,7 +87,7 @@ export const Navigation = React.forwardRef<HTMLDivElement, NavigationProps>(
           elevation={0}
           sx={[
             {
-              bgcolor: 'var(--fa-color-surface-warm)',
+              bgcolor: 'var(--fa-color-surface-subtle)',
               color: 'text.primary',
               borderBottom: '1px solid',
               borderColor: 'divider',
@@ -167,13 +165,7 @@ export const Navigation = React.forwardRef<HTMLDivElement, NavigationProps>(
                   </Button>
                 )}
               </Box>
-            ) : (
-              mobileTrailing && (
-                <Box sx={{ display: 'flex', alignItems: 'center' }}>
-                  {mobileTrailing}
-                </Box>
-              )
-            )}
+            ) : null}
           </Toolbar>
         </AppBar>
 
@@ -198,7 +190,7 @@ export const Navigation = React.forwardRef<HTMLDivElement, NavigationProps>(
                 justifyContent: 'space-between',
                 px: 2,
                 py: 1.5,
-                bgcolor: 'var(--fa-color-surface-warm)',
+                bgcolor: 'var(--fa-color-surface-subtle)',
               }}
             >
               <Box sx={{ display: 'flex', alignItems: 'center' }}>
@@ -267,7 +259,7 @@ export const Navigation = React.forwardRef<HTMLDivElement, NavigationProps>(
             {/* Footer */}
             <Box sx={{ mt: 'auto' }}>
               <Divider />
-              <Box sx={{ px: 3, py: 2, bgcolor: 'var(--fa-color-surface-warm)' }}>
+              <Box sx={{ px: 3, py: 2, bgcolor: 'var(--fa-color-surface-subtle)' }}>
                 <Typography variant="body2" color="text.secondary">
                   Need help? Call us on
                 </Typography>