fix(01-code-splitting): convert ImageStudio, Landing, LinkedIn, MainDashboard, OnboardingWizard MUI icons

- Converted barrel imports to individual imports across 14 files
- Most complex: VoiceAvatarPlaceholder (22 icons), FeatureShowcase (8), TestPersonaModal (9)

frontend/src/components/ImageStudio/AssetLibraryComponents/AssetFilters.tsx

@@ -8,7 +8,8 @@ import {
   Select,
   MenuItem,
 } from '@mui/material';
-import { Search, CalendarToday } from '@mui/icons-material';
+import Search from '@mui/icons-material/Search';
+import CalendarToday from '@mui/icons-material/CalendarToday';
 
 interface AssetFiltersProps {
   idSearch: string;

frontend/src/components/ImageStudio/CreateStudioCostAlerts.tsx

@@ -12,7 +12,9 @@ import Priority2AlertBanner from '../shared/Priority2AlertBanner';
 import { useSubscription } from '../../contexts/SubscriptionContext';
 import { checkPreflight, PreflightOperation } from '../../services/billingService';
 import { showToastNotification } from '../../utils/toastNotifications';
-import { AttachMoney, Lightbulb, TrendingUp } from '@mui/icons-material';
+import AttachMoney from '@mui/icons-material/AttachMoney';
+import Lightbulb from '@mui/icons-material/Lightbulb';
+import TrendingUp from '@mui/icons-material/TrendingUp';
 
 interface CreateStudioCostAlertsProps {
   userId?: string;

frontend/src/components/Landing/EnterpriseCTA.tsx

@@ -11,7 +11,7 @@ import {
 } from '@mui/material';
 import OptimizedImage from './OptimizedImage';
 import { useClerk } from '@clerk/clerk-react';
-import { RocketLaunch } from '@mui/icons-material';
+import RocketLaunch from '@mui/icons-material/RocketLaunch';
 import { motion } from 'framer-motion';
 import { ScrambleText } from '../ScrambleText';
 

frontend/src/components/Landing/FeatureShowcase.tsx

@@ -1,6 +1,13 @@
 import React, { useState } from 'react';
 import { Box, Container, Typography, Stack, IconButton, useTheme, alpha } from '@mui/material';
-import { ArrowBack, ArrowForward, Psychology, Search, FactCheck, Edit, Assistant, Verified } from '@mui/icons-material';
+import ArrowBack from '@mui/icons-material/ArrowBack';
+import ArrowForward from '@mui/icons-material/ArrowForward';
+import Psychology from '@mui/icons-material/Psychology';
+import Search from '@mui/icons-material/Search';
+import FactCheck from '@mui/icons-material/FactCheck';
+import Edit from '@mui/icons-material/Edit';
+import Assistant from '@mui/icons-material/Assistant';
+import Verified from '@mui/icons-material/Verified';
 import { motion, AnimatePresence } from 'framer-motion';
 
 interface Feature {

frontend/src/components/LinkedInWriter/components/FactCheckResults.tsx

@@ -1,6 +1,10 @@
 import React from 'react';
 import { Box, Typography, Chip, Button, Collapse, Link } from '@mui/material';
-import { ExpandMore, ExpandLess, CheckCircle, Cancel, Help } from '@mui/icons-material';
+import ExpandMore from '@mui/icons-material/ExpandMore';
+import ExpandLess from '@mui/icons-material/ExpandLess';
+import CheckCircle from '@mui/icons-material/CheckCircle';
+import Cancel from '@mui/icons-material/Cancel';
+import Help from '@mui/icons-material/Help';
 
 interface SourceDocument {
   title: string;

frontend/src/components/MainDashboard/MainDashboard.tsx

@@ -6,7 +6,7 @@ import {
   Snackbar,
   useTheme
 } from '@mui/material';
-import { Lightbulb } from '@mui/icons-material';
+import Lightbulb from '@mui/icons-material/Lightbulb';
 import { motion, AnimatePresence } from 'framer-motion';
 import { useNavigate } from 'react-router-dom';
 import { useAuth } from '@clerk/clerk-react';

frontend/src/components/OnboardingWizard/ApiKeyStep.tsx

@@ -8,7 +8,7 @@ import {
   Grid,
   Snackbar,
 } from '@mui/material';
-import { Lock } from '@mui/icons-material';
+import Lock from '@mui/icons-material/Lock';
 import OnboardingButton from './common/OnboardingButton';
 import { 
   HelpSection, 

frontend/src/components/OnboardingWizard/BusinessDescriptionStep.tsx

@@ -1,6 +1,8 @@
 import React, { useState, useEffect } from 'react';
 import { Box, Button, TextField, Typography, Card, CardContent, CircularProgress, Alert, MenuItem, Divider } from '@mui/material';
-import { ArrowBack as ArrowBackIcon, Save as SaveIcon, CheckCircle as CheckCircleIcon } from '@mui/icons-material';
+import ArrowBackIcon from '@mui/icons-material/ArrowBack';
+import SaveIcon from '@mui/icons-material/Save';
+import CheckCircleIcon from '@mui/icons-material/CheckCircle';
 import { businessInfoApi, BusinessInfo } from '../../api/businessInfo';
 import { onboardingCache } from '../../services/onboardingCache';
 

frontend/src/components/OnboardingWizard/IntroStep.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { Box, Container, Typography, Grid, IconButton, Chip, Button } from '@mui/material';
-import { ArrowBack, ArrowForward } from '@mui/icons-material';
+import ArrowBack from '@mui/icons-material/ArrowBack';
+import ArrowForward from '@mui/icons-material/ArrowForward';
 import { motion, AnimatePresence } from 'framer-motion';
 import step1Img from '../../assets/onboarding/step1.png';
 import step2Img from '../../assets/onboarding/step2.png';

frontend/src/components/OnboardingWizard/PersonaStep/PersonaLoadingState.tsx

@@ -9,7 +9,7 @@ import {
   LinearProgress,
   Fade
 } from '@mui/material';
-import { Psychology as PsychologyIcon } from '@mui/icons-material';
+import PsychologyIcon from '@mui/icons-material/Psychology';
 import { PersonaGenerationProgress } from './PersonaGenerationProgress';
 import { type GenerationStep } from './PersonaGenerationProgress';
 

frontend/src/components/OnboardingWizard/PersonalizationStep/components/TestPersonaModal.tsx

@@ -11,7 +11,15 @@ import { createAvatarVideoAsync } from '../../../../api/videoStudioApi';
 import { useVideoGenerationPolling } from '../../../../hooks/usePolling';
 import { fetchMediaBlobUrl } from '../../../../utils/fetchMediaBlobUrl';
 import { getAuthTokenGetter, getApiUrl } from '../../../../api/client';
-import { VideoCameraFront, SkipNext, PlayArrow, InfoOutlined, Close as CloseIcon, HelpOutline, Refresh, RestartAlt, Undo } from '@mui/icons-material';
+import VideoCameraFront from '@mui/icons-material/VideoCameraFront';
+import SkipNext from '@mui/icons-material/SkipNext';
+import PlayArrow from '@mui/icons-material/PlayArrow';
+import InfoOutlined from '@mui/icons-material/InfoOutlined';
+import CloseIcon from '@mui/icons-material/Close';
+import HelpOutline from '@mui/icons-material/HelpOutline';
+import Refresh from '@mui/icons-material/Refresh';
+import RestartAlt from '@mui/icons-material/RestartAlt';
+import Undo from '@mui/icons-material/Undo';
 import { VideoGenerationLoader } from '../../../shared/VideoGenerationLoader';
 import { OperationButton } from '../../../shared/OperationButton';
 

frontend/src/components/OnboardingWizard/PersonalizationStep/components/VoiceAvatarPlaceholder.tsx

@@ -1,7 +1,28 @@
 import React, { useMemo, useRef, useState, useEffect, useCallback } from 'react';
 import { Box, Typography, Paper, Stack, Button, Alert, TextField, CircularProgress, Slider, FormControlLabel, Checkbox, MenuItem, Tooltip, Chip, Divider, Grid, IconButton, Modal, Fade, Backdrop, LinearProgress } from '@mui/material';
 import { keyframes } from '@mui/system';
-import { Mic, GraphicEq, Timer, CloudUpload, Stop, PlayArrow, InfoOutlined, TextFields, HelpOutline, AutoAwesome, Campaign, MicNone, Podcasts, RestartAlt, Undo, Headphones, Article, VideoLibrary, TrendingUp, CheckCircle, RecordVoiceOver, Settings } from '@mui/icons-material';
+import Mic from '@mui/icons-material/Mic';
+import GraphicEq from '@mui/icons-material/GraphicEq';
+import Timer from '@mui/icons-material/Timer';
+import CloudUpload from '@mui/icons-material/CloudUpload';
+import Stop from '@mui/icons-material/Stop';
+import PlayArrow from '@mui/icons-material/PlayArrow';
+import InfoOutlined from '@mui/icons-material/InfoOutlined';
+import TextFields from '@mui/icons-material/TextFields';
+import HelpOutline from '@mui/icons-material/HelpOutline';
+import AutoAwesome from '@mui/icons-material/AutoAwesome';
+import Campaign from '@mui/icons-material/Campaign';
+import MicNone from '@mui/icons-material/MicNone';
+import Podcasts from '@mui/icons-material/Podcasts';
+import RestartAlt from '@mui/icons-material/RestartAlt';
+import Undo from '@mui/icons-material/Undo';
+import Headphones from '@mui/icons-material/Headphones';
+import Article from '@mui/icons-material/Article';
+import VideoLibrary from '@mui/icons-material/VideoLibrary';
+import TrendingUp from '@mui/icons-material/TrendingUp';
+import CheckCircle from '@mui/icons-material/CheckCircle';
+import RecordVoiceOver from '@mui/icons-material/RecordVoiceOver';
+import Settings from '@mui/icons-material/Settings';
 import { createVoiceClone, createVoiceDesign, getLatestVoiceClone, setBrandVoice } from '../../../../api/brandAssets';
 import { setCachedVoiceCloneInfo } from '../../../../services/podcastApi';
 import { getAuthTokenGetter, getApiUrl } from '../../../../api/client';

frontend/src/components/OnboardingWizard/common/BenefitsSummary.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import { Paper, Typography, Grid, Stack, Box } from '@mui/material';
-import { AutoAwesome as AutoAwesomeIcon, TrendingUp as TrendingUpIcon, ContentPaste as ContentPasteIcon } from '@mui/icons-material';
+import AutoAwesomeIcon from '@mui/icons-material/AutoAwesome';
+import TrendingUpIcon from '@mui/icons-material/TrendingUp';
+import ContentPasteIcon from '@mui/icons-material/ContentPaste';
 
 const BenefitsSummary: React.FC = () => {
   return (

frontend/src/components/OnboardingWizard/common/PlatformCard.tsx

@@ -1,6 +1,9 @@
 import React from 'react';
 import { Card, CardContent, Stack, Box, Typography, Chip, Button, CircularProgress } from '@mui/material';
-import { CheckCircle as CheckIcon, Launch as LaunchIcon, Schedule as ScheduleIcon, Error as ErrorIcon } from '@mui/icons-material';
+import CheckIcon from '@mui/icons-material/CheckCircle';
+import LaunchIcon from '@mui/icons-material/Launch';
+import ScheduleIcon from '@mui/icons-material/Schedule';
+import ErrorIcon from '@mui/icons-material/Error';
 
 export interface PlatformCardProps {
   id: string;