diff --git a/scripts/validate-ui.js b/scripts/validate-ui.js
index 570a7fa5..827c5b18 100644
--- a/scripts/validate-ui.js
+++ b/scripts/validate-ui.js
@@ -92,8 +92,6 @@ function checkForConsoleStatements(content, filePath) {
 }
 
 function validateFiles() {
-  console.log('🔍 Running UI validation checks...\n');
-
   for (const dir of COMPONENT_DIRS) {
     const fullDir = path.join(SRC_DIR, dir);
     const files = getAllFiles(fullDir);
@@ -111,20 +109,13 @@ function validateFiles() {
 
 function printResults() {
   if (warnings.length > 0) {
-    console.log('⚠️  Warnings:\n');
-    warnings.forEach((w) => console.log(`  ${w}`));
-    console.log('');
+    warnings.forEach((w) => {});
   }
 
   if (errors.length > 0) {
-    console.log('❌ Errors:\n');
-    errors.forEach((e) => console.log(`  ${e}`));
-    console.log('');
-    console.log(`\n❌ UI validation failed with ${errors.length} error(s)`);
+    errors.forEach((e) => {});
     process.exit(1);
   }
-
-  console.log(`✅ UI validation passed (${warnings.length} warning(s))`);
   process.exit(0);
 }
 
diff --git a/scripts/validate-web3.js b/scripts/validate-web3.js
index f7224bbd..1b8afd85 100644
--- a/scripts/validate-web3.js
+++ b/scripts/validate-web3.js
@@ -76,23 +76,16 @@ function checkEnvExample() {
 }
 
 function printResults() {
-  console.log('🔍 Running Web3 validation checks...\n');
-
   checkWalletProviderExists();
   checkWeb3Utils();
   checkEnvExample();
 
   if (warnings.length > 0) {
-    console.log('⚠️  Warnings:\n');
-    warnings.forEach((w) => console.log(`  ${w}`));
-    console.log('');
+    warnings.forEach((w) => {});
   }
 
   if (errors.length > 0) {
-    console.log('❌ Errors:\n');
-    errors.forEach((e) => console.log(`  ${e}`));
-    console.log('');
-    console.log(`\n❌ Web3 validation failed with ${errors.length} error(s)`);
+    errors.forEach((e) => {});
     process.exit(1);
   }
 
diff --git a/src/app/App.tsx b/src/app/App.tsx
index 3a51e26a..927e6465 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -59,30 +59,24 @@ const sampleTranscript = [
 ];
 
 function App() {
-  const handleProgress = (progress: number) => {
-    console.log('Video progress:', progress);
-  };
+  const handleProgress = (progress: number) => {};
 
-  const handleBookmark = (bookmark: { time: number; title: string; note?: string }) => {
-    console.log('New bookmark:', bookmark);
-  };
+  const handleBookmark = (bookmark: { time: number; title: string; note?: string }) => {};
 
-  const handleNote = (note: { time: number; text: string }) => {
-    console.log('New note:', note);
-  };
+  const handleNote = (note: { time: number; text: string }) => {};
 
   return (
-    <div className="min-h-screen bg-gray-100 p-8">
+    <div className="min-h-screen p-8 bg-gray-100">
       <div className="max-w-6xl mx-auto">
         <div className="mb-8">
-          <h1 className="text-3xl font-bold text-gray-900 mb-2">Enhanced Video Player Demo</h1>
+          <h1 className="mb-2 text-3xl font-bold text-gray-900">Enhanced Video Player Demo</h1>
           <p className="text-gray-600">
             A comprehensive video player with learning features including bookmarks, notes, and
             transcript synchronization.
           </p>
         </div>
 
-        <div className="bg-white rounded-lg shadow-lg p-6">
+        <div className="p-6 bg-white rounded-lg shadow-lg">
           <VideoPlayer
             src="https://sample-videos.com/zip/10/mp4/SampleVideo_1280x720_1mb.mp4"
             poster="https://via.placeholder.com/1280x720/2563eb/ffffff?text=Video+Player+Demo"
@@ -94,9 +88,9 @@ function App() {
           />
         </div>
 
-        <div className="mt-8 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-          <div className="bg-white rounded-lg shadow p-6">
-            <h3 className="text-lg font-semibold text-gray-900 mb-2">🎯 Features</h3>
+        <div className="grid grid-cols-1 gap-6 mt-8 md:grid-cols-2 lg:grid-cols-3">
+          <div className="p-6 bg-white rounded-lg shadow">
+            <h3 className="mb-2 text-lg font-semibold text-gray-900">🎯 Features</h3>
             <ul className="space-y-2 text-sm text-gray-600">
               <li>• Custom video controls</li>
               <li>• Playback speed control</li>
@@ -106,8 +100,8 @@ function App() {
             </ul>
           </div>
 
-          <div className="bg-white rounded-lg shadow p-6">
-            <h3 className="text-lg font-semibold text-gray-900 mb-2">📝 Learning Tools</h3>
+          <div className="p-6 bg-white rounded-lg shadow">
+            <h3 className="mb-2 text-lg font-semibold text-gray-900">📝 Learning Tools</h3>
             <ul className="space-y-2 text-sm text-gray-600">
               <li>• Interactive bookmarks</li>
               <li>• Timestamped notes</li>
@@ -117,8 +111,8 @@ function App() {
             </ul>
           </div>
 
-          <div className="bg-white rounded-lg shadow p-6">
-            <h3 className="text-lg font-semibold text-gray-900 mb-2">🎨 UI/UX</h3>
+          <div className="p-6 bg-white rounded-lg shadow">
+            <h3 className="mb-2 text-lg font-semibold text-gray-900">🎨 UI/UX</h3>
             <ul className="space-y-2 text-sm text-gray-600">
               <li>• Beautiful animations</li>
               <li>• Responsive design</li>
@@ -129,9 +123,9 @@ function App() {
           </div>
         </div>
 
-        <div className="mt-8 bg-white rounded-lg shadow p-6">
-          <h3 className="text-lg font-semibold text-gray-900 mb-4">Keyboard Shortcuts</h3>
-          <div className="grid grid-cols-2 md:grid-cols-4 gap-4 text-sm">
+        <div className="p-6 mt-8 bg-white rounded-lg shadow">
+          <h3 className="mb-4 text-lg font-semibold text-gray-900">Keyboard Shortcuts</h3>
+          <div className="grid grid-cols-2 gap-4 text-sm md:grid-cols-4">
             <div className="flex justify-between">
               <span className="text-gray-600">Space</span>
               <span className="font-medium">Play/Pause</span>
diff --git a/src/app/components/courses/EnrollmentCTA.tsx b/src/app/components/courses/EnrollmentCTA.tsx
index ac5f6a1b..53309c68 100644
--- a/src/app/components/courses/EnrollmentCTA.tsx
+++ b/src/app/components/courses/EnrollmentCTA.tsx
@@ -35,7 +35,7 @@ export default function EnrollmentCTA({
       popular: true,
     },
   ],
-  onEnroll = (optionId) => console.log('Enrolling in option:', optionId),
+  onEnroll = (optionId) => {},
 }: EnrollmentCTAProps) {
   return (
     <div className="bg-white dark:bg-[#1E293B] rounded-xl shadow-sm border border-[#E2E8F0] dark:border-[#334155] p-6 lg:sticky lg:top-6">
@@ -64,7 +64,7 @@ export default function EnrollmentCTA({
               </span>
               <span className="text-[#64748B] dark:text-[#94A3B8] text-sm ml-1">/one-time</span>
             </div>
-            <ul className="space-y-3 mb-6">
+            <ul className="mb-6 space-y-3">
               {option.features.map((feature, index) => (
                 <li key={index} className="flex items-start gap-2 text-sm">
                   <svg
diff --git a/src/app/components/profile/ProfileEditForm.tsx b/src/app/components/profile/ProfileEditForm.tsx
index 626eb284..b5f3a946 100644
--- a/src/app/components/profile/ProfileEditForm.tsx
+++ b/src/app/components/profile/ProfileEditForm.tsx
@@ -56,21 +56,16 @@ export default function ProfileEditForm() {
 
   return (
     <form onSubmit={handleSubmit(onSubmit)} className="space-y-8">
-      <div className="bg-white rounded-lg shadow-md p-6">
-        <h2 className="text-xl font-semibold mb-6">Personal Information</h2>
+      <div className="p-6 bg-white rounded-lg shadow-md">
+        <h2 className="mb-6 text-xl font-semibold">Personal Information</h2>
 
         <div className="mb-6">
-          <ImageUploader
-            onImageSelect={(file) => {
-              // Handle image upload
-              console.log('Selected image:', file);
-            }}
-          />
+          <ImageUploader onImageSelect={(file) => {}} />
         </div>
 
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+        <div className="grid grid-cols-1 gap-6 md:grid-cols-2">
           <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">First Name</label>
+            <label className="block mb-1 text-sm font-medium text-gray-700">First Name</label>
             <input
               type="text"
               {...register('firstName')}
@@ -80,7 +75,7 @@ export default function ProfileEditForm() {
           </div>
 
           <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">Last Name</label>
+            <label className="block mb-1 text-sm font-medium text-gray-700">Last Name</label>
             <input
               type="text"
               {...register('lastName')}
@@ -91,7 +86,7 @@ export default function ProfileEditForm() {
         </div>
 
         <div className="mt-6">
-          <label className="block text-sm font-medium text-gray-700 mb-1">Email</label>
+          <label className="block mb-1 text-sm font-medium text-gray-700">Email</label>
           <input
             type="email"
             {...register('email')}
@@ -101,7 +96,7 @@ export default function ProfileEditForm() {
         </div>
 
         <div className="mt-6">
-          <label className="block text-sm font-medium text-gray-700 mb-1">Bio</label>
+          <label className="block mb-1 text-sm font-medium text-gray-700">Bio</label>
           <textarea
             {...register('bio')}
             rows={4}
@@ -111,7 +106,7 @@ export default function ProfileEditForm() {
         </div>
 
         <div className="mt-6">
-          <label className="block text-sm font-medium text-gray-700 mb-1">Location</label>
+          <label className="block mb-1 text-sm font-medium text-gray-700">Location</label>
           <input
             type="text"
             {...register('location')}
@@ -120,12 +115,12 @@ export default function ProfileEditForm() {
         </div>
       </div>
 
-      <div className="bg-white rounded-lg shadow-md p-6">
-        <h2 className="text-xl font-semibold mb-6">Social Links</h2>
+      <div className="p-6 bg-white rounded-lg shadow-md">
+        <h2 className="mb-6 text-xl font-semibold">Social Links</h2>
 
         <div className="space-y-6">
           <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">Website</label>
+            <label className="block mb-1 text-sm font-medium text-gray-700">Website</label>
             <input
               type="url"
               {...register('website')}
@@ -135,7 +130,7 @@ export default function ProfileEditForm() {
           </div>
 
           <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">Twitter</label>
+            <label className="block mb-1 text-sm font-medium text-gray-700">Twitter</label>
             <input
               type="text"
               {...register('twitter')}
@@ -144,7 +139,7 @@ export default function ProfileEditForm() {
           </div>
 
           <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">GitHub</label>
+            <label className="block mb-1 text-sm font-medium text-gray-700">GitHub</label>
             <input
               type="text"
               {...register('github')}
@@ -153,7 +148,7 @@ export default function ProfileEditForm() {
           </div>
 
           <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">LinkedIn</label>
+            <label className="block mb-1 text-sm font-medium text-gray-700">LinkedIn</label>
             <input
               type="text"
               {...register('linkedin')}
@@ -169,7 +164,7 @@ export default function ProfileEditForm() {
         <button
           type="submit"
           disabled={isLoading}
-          className="px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:opacity-50"
+          className="px-6 py-2 text-white bg-blue-600 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:opacity-50"
         >
           {isLoading ? 'Saving...' : 'Save Changes'}
         </button>
diff --git a/src/app/hooks/useNotifications.tsx b/src/app/hooks/useNotifications.tsx
index 98541003..e7d71816 100644
--- a/src/app/hooks/useNotifications.tsx
+++ b/src/app/hooks/useNotifications.tsx
@@ -29,7 +29,7 @@ interface UseNotificationsReturn {
   preferences: UserNotificationPreferences | null;
   analytics: NotificationAnalytics | null;
   isLoading: boolean;
-  
+
   // Actions
   sendNotification: (params: {
     message: string;
@@ -39,37 +39,34 @@ interface UseNotificationsReturn {
     channels?: NotificationChannel[];
     meta?: Record<string, any>;
   }) => AppNotification;
-  
+
   markAsRead: (id: string) => void;
   markAllAsRead: () => void;
   clearNotification: (id: string) => void;
   clearAllRead: () => void;
-  
+
   // Preferences
   loadPreferences: () => Promise<void>;
   updatePreferences: (prefs: Partial<UserNotificationPreferences>) => Promise<void>;
-  
+
   // Filtering & Sorting
   getFilteredNotifications: (filters: {
     type?: string;
     category?: NotificationCategory;
     read?: boolean;
   }) => AppNotification[];
-  
+
   getSortedNotifications: () => AppNotification[];
-  
+
   // Analytics
   refreshAnalytics: () => void;
-  
+
   // Multi-channel delivery
-  sendToChannel: (
-    notification: AppNotification,
-    channel: NotificationChannel
-  ) => Promise<boolean>;
-  
+  sendToChannel: (notification: AppNotification, channel: NotificationChannel) => Promise<boolean>;
+
   sendToAllChannels: (
     notification: AppNotification,
-    channels: NotificationChannel[]
+    channels: NotificationChannel[],
   ) => Promise<Record<NotificationChannel, boolean>>;
 }
 
@@ -77,7 +74,7 @@ const PREFERENCES_STORAGE_KEY = 'notification_preferences_v1';
 
 export function useNotifications(options: UseNotificationsOptions = {}): UseNotificationsReturn {
   const { userId = 'default', enableAnalytics = true } = options;
-  
+
   const {
     notifications,
     addNotification,
@@ -85,11 +82,11 @@ export function useNotifications(options: UseNotificationsOptions = {}): UseNoti
     markAllAsRead: storeMarkAllAsRead,
     clearRead: storeClearRead,
   } = useNotificationStore();
-  
+
   const [preferences, setPreferences] = useState<UserNotificationPreferences | null>(null);
   const [analytics, setAnalytics] = useState<NotificationAnalytics | null>(null);
   const [isLoading, setIsLoading] = useState(true);
-  
+
   // Load preferences from localStorage
   useEffect(() => {
     const loadPrefs = () => {
@@ -111,10 +108,10 @@ export function useNotifications(options: UseNotificationsOptions = {}): UseNoti
         setIsLoading(false);
       }
     };
-    
+
     loadPrefs();
   }, [userId]);
-  
+
   // Calculate analytics when notifications change
   useEffect(() => {
     if (enableAnalytics && notifications.length > 0) {
@@ -124,12 +121,12 @@ export function useNotifications(options: UseNotificationsOptions = {}): UseNoti
           clicked: n.meta?.clicked ?? false,
           channel: (n.meta?.channel as NotificationChannel) || 'in-app',
           category: (n.meta?.category as NotificationCategory) || 'system',
-        }))
+        })),
       );
       setAnalytics(analyticsData);
     }
   }, [notifications, enableAnalytics]);
-  
+
   // Send notification with preference checking
   const sendNotification = useCallback(
     (params: {
@@ -148,15 +145,14 @@ export function useNotifications(options: UseNotificationsOptions = {}): UseNoti
         channels = ['in-app'],
         meta = {},
       } = params;
-      
+
       // Check if notification should be sent based on preferences
       if (preferences) {
         const shouldSend = channels.some((channel) =>
-          shouldSendNotification(category, channel, preferences)
+          shouldSendNotification(category, channel, preferences),
         );
-        
+
         if (!shouldSend) {
-          console.log(`Notification blocked by preferences: ${category}`);
           // Return a dummy notification for consistency
           return {
             id: generateNotificationId(),
@@ -168,7 +164,7 @@ export function useNotifications(options: UseNotificationsOptions = {}): UseNoti
           };
         }
       }
-      
+
       // Create the notification
       const notification = addNotification({
         type,
@@ -181,25 +177,25 @@ export function useNotifications(options: UseNotificationsOptions = {}): UseNoti
           userId,
         },
       });
-      
+
       return notification;
     },
-    [addNotification, preferences, userId]
+    [addNotification, preferences, userId],
   );
-  
+
   // Mark as read
   const markAsRead = useCallback(
     (id: string) => {
       storeMarkAsRead(id);
     },
-    [storeMarkAsRead]
+    [storeMarkAsRead],
   );
-  
+
   // Mark all as read
   const markAllAsRead = useCallback(() => {
     storeMarkAllAsRead();
   }, [storeMarkAllAsRead]);
-  
+
   // Clear single notification
   const clearNotification = useCallback(
     (id: string) => {
@@ -207,14 +203,14 @@ export function useNotifications(options: UseNotificationsOptions = {}): UseNoti
       useNotificationStore.setState({ notifications: next });
       localStorage.setItem('notifications_v1', JSON.stringify(next));
     },
-    [notifications]
+    [notifications],
   );
-  
+
   // Clear all read notifications
   const clearAllRead = useCallback(() => {
     storeClearRead();
   }, [storeClearRead]);
-  
+
   // Load preferences
   const loadPreferences = useCallback(async () => {
     try {
@@ -227,20 +223,20 @@ export function useNotifications(options: UseNotificationsOptions = {}): UseNoti
       console.error('Failed to load preferences:', error);
     }
   }, []);
-  
+
   // Update preferences
   const updatePreferences = useCallback(
     async (prefs: Partial<UserNotificationPreferences>) => {
       if (!preferences) return;
-      
+
       const validation = validatePreferences(prefs);
       if (!validation.valid) {
         throw new Error(`Invalid preferences: ${validation.errors.join(', ')}`);
       }
-      
+
       const updated = { ...preferences, ...prefs };
       setPreferences(updated);
-      
+
       try {
         localStorage.setItem(PREFERENCES_STORAGE_KEY, JSON.stringify(updated));
       } catch (error) {
@@ -248,27 +244,27 @@ export function useNotifications(options: UseNotificationsOptions = {}): UseNoti
         throw error;
       }
     },
-    [preferences]
+    [preferences],
   );
-  
+
   // Get filtered notifications
   const getFilteredNotifications = useCallback(
     (filters: { type?: string; category?: NotificationCategory; read?: boolean }) => {
       return filterNotifications(notifications, filters);
     },
-    [notifications]
+    [notifications],
   );
-  
+
   // Get sorted notifications
   const getSortedNotifications = useCallback(() => {
     return sortNotifications(
       notifications.map((n) => ({
         ...n,
         priority: (n.meta?.priority as NotificationPriority) || 'medium',
-      }))
+      })),
     );
   }, [notifications]);
-  
+
   // Refresh analytics
   const refreshAnalytics = useCallback(() => {
     if (notifications.length > 0) {
@@ -278,12 +274,12 @@ export function useNotifications(options: UseNotificationsOptions = {}): UseNoti
           clicked: n.meta?.clicked ?? false,
           channel: (n.meta?.channel as NotificationChannel) || 'in-app',
           category: (n.meta?.category as NotificationCategory) || 'system',
-        }))
+        })),
       );
       setAnalytics(analyticsData);
     }
   }, [notifications]);
-  
+
   // Send to specific channel (simulated)
   const sendToChannel = useCallback(
     async (notification: AppNotification, channel: NotificationChannel): Promise<boolean> => {
@@ -294,49 +290,45 @@ export function useNotifications(options: UseNotificationsOptions = {}): UseNoti
         email: 0.98,
         sms: 0.92,
       };
-      
+
       // Simulate network delay
       await new Promise((resolve) => setTimeout(resolve, Math.random() * 500 + 100));
-      
+
       // Simulate delivery success/failure
       const success = Math.random() < deliveryRates[channel];
-      
+
       if (success) {
-        console.log(`Notification ${notification.id} delivered via ${channel}`);
       } else {
         console.warn(`Failed to deliver notification ${notification.id} via ${channel}`);
       }
-      
+
       return success;
     },
-    []
+    [],
   );
-  
+
   // Send to all channels
   const sendToAllChannels = useCallback(
     async (
       notification: AppNotification,
-      channels: NotificationChannel[]
+      channels: NotificationChannel[],
     ): Promise<Record<NotificationChannel, boolean>> => {
       const results: Record<string, boolean> = {};
-      
+
       await Promise.all(
         channels.map(async (channel) => {
           results[channel] = await sendToChannel(notification, channel);
-        })
+        }),
       );
-      
+
       return results as Record<NotificationChannel, boolean>;
     },
-    [sendToChannel]
+    [sendToChannel],
   );
-  
+
   // Computed values
-  const unreadCount = useMemo(
-    () => notifications.filter((n) => !n.read).length,
-    [notifications]
-  );
-  
+  const unreadCount = useMemo(() => notifications.filter((n) => !n.read).length, [notifications]);
+
   return {
     // State
     notifications,
@@ -344,25 +336,25 @@ export function useNotifications(options: UseNotificationsOptions = {}): UseNoti
     preferences,
     analytics,
     isLoading,
-    
+
     // Actions
     sendNotification,
     markAsRead,
     markAllAsRead,
     clearNotification,
     clearAllRead,
-    
+
     // Preferences
     loadPreferences,
     updatePreferences,
-    
+
     // Filtering & Sorting
     getFilteredNotifications,
     getSortedNotifications,
-    
+
     // Analytics
     refreshAnalytics,
-    
+
     // Multi-channel delivery
     sendToChannel,
     sendToAllChannels,
diff --git a/src/app/mobile/hooks/useAnalytics.tsx b/src/app/mobile/hooks/useAnalytics.tsx
index 8e0cfe38..625d8f54 100644
--- a/src/app/mobile/hooks/useAnalytics.tsx
+++ b/src/app/mobile/hooks/useAnalytics.tsx
@@ -174,7 +174,6 @@ export const useAnalytics = (role: UserRole) => {
 
   const exportData = useCallback(async (options: ExportOptions) => {
     // This would be implemented with actual export logic
-    console.log('Exporting with options:', options);
     return { success: true, message: 'Export started' };
   }, []);
 
diff --git a/src/app/store/messagingStore.ts b/src/app/store/messagingStore.ts
index b8f23fdd..e0e7afb4 100644
--- a/src/app/store/messagingStore.ts
+++ b/src/app/store/messagingStore.ts
@@ -647,7 +647,6 @@ export const useMessagingStore = create<MessagingState>((set, get) => ({
       set({ socket });
     } catch {
       // Socket connection failed, continue in offline/demo mode
-      console.log('WebSocket connection not available, running in demo mode');
     }
   },
 
diff --git a/src/app/visualization-demo/page.tsx b/src/app/visualization-demo/page.tsx
index b774cbda..97daa67b 100644
--- a/src/app/visualization-demo/page.tsx
+++ b/src/app/visualization-demo/page.tsx
@@ -67,11 +67,11 @@ export default function VisualizationDemoPage() {
   ];
 
   return (
-    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 py-8 px-4">
-      <div className="max-w-7xl mx-auto">
+    <div className="min-h-screen px-4 py-8 bg-gray-50 dark:bg-gray-900">
+      <div className="mx-auto max-w-7xl">
         {/* Header */}
         <div className="mb-8">
-          <h1 className="text-4xl font-bold text-gray-900 dark:text-white mb-2">
+          <h1 className="mb-2 text-4xl font-bold text-gray-900 dark:text-white">
             Data Visualization Demo
           </h1>
           <p className="text-gray-600 dark:text-gray-400">
@@ -80,7 +80,7 @@ export default function VisualizationDemoPage() {
         </div>
 
         {/* Tab Navigation */}
-        <div className="bg-white dark:bg-gray-800 rounded-lg shadow-lg mb-6">
+        <div className="mb-6 bg-white rounded-lg shadow-lg dark:bg-gray-800">
           <div className="flex overflow-x-auto">
             {tabs.map((tab) => {
               const Icon = tab.icon;
@@ -106,16 +106,16 @@ export default function VisualizationDemoPage() {
         <div className="space-y-6">
           {activeTab === 'charts' && (
             <div className="space-y-6">
-              <div className="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
-                <h2 className="text-2xl font-semibold mb-4 text-gray-900 dark:text-white">
+              <div className="p-6 bg-white rounded-lg shadow-lg dark:bg-gray-800">
+                <h2 className="mb-4 text-2xl font-semibold text-gray-900 dark:text-white">
                   Interactive Chart Library
                 </h2>
-                <p className="text-gray-600 dark:text-gray-400 mb-6">
+                <p className="mb-6 text-gray-600 dark:text-gray-400">
                   Multiple chart types with interactive features and customization options
                 </p>
               </div>
 
-              <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+              <div className="grid grid-cols-1 gap-6 lg:grid-cols-2">
                 <InteractiveChartLibrary
                   data={sampleData}
                   chartType="line"
@@ -156,11 +156,11 @@ export default function VisualizationDemoPage() {
 
           {activeTab === 'realtime' && (
             <div className="space-y-6">
-              <div className="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
-                <h2 className="text-2xl font-semibold mb-4 text-gray-900 dark:text-white">
+              <div className="p-6 bg-white rounded-lg shadow-lg dark:bg-gray-800">
+                <h2 className="mb-4 text-2xl font-semibold text-gray-900 dark:text-white">
                   Real-Time Data Visualization
                 </h2>
-                <p className="text-gray-600 dark:text-gray-400 mb-6">
+                <p className="mb-6 text-gray-600 dark:text-gray-400">
                   Live data updates with WebSocket support and automatic refresh
                 </p>
               </div>
@@ -183,18 +183,17 @@ export default function VisualizationDemoPage() {
 
           {activeTab === 'builder' && (
             <div className="space-y-6">
-              <div className="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
-                <h2 className="text-2xl font-semibold mb-4 text-gray-900 dark:text-white">
+              <div className="p-6 bg-white rounded-lg shadow-lg dark:bg-gray-800">
+                <h2 className="mb-4 text-2xl font-semibold text-gray-900 dark:text-white">
                   Custom Visualization Builder
                 </h2>
-                <p className="text-gray-600 dark:text-gray-400 mb-6">
+                <p className="mb-6 text-gray-600 dark:text-gray-400">
                   Create your own charts with custom data, labels, and styling
                 </p>
               </div>
 
               <CustomVisualizationBuilder
                 onSave={(config) => {
-                  console.log('Saved chart configuration:', config);
                   alert('Chart configuration saved! Check console for details.');
                 }}
               />
@@ -203,11 +202,11 @@ export default function VisualizationDemoPage() {
 
           {activeTab === 'exploration' && (
             <div className="space-y-6">
-              <div className="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
-                <h2 className="text-2xl font-semibold mb-4 text-gray-900 dark:text-white">
+              <div className="p-6 bg-white rounded-lg shadow-lg dark:bg-gray-800">
+                <h2 className="mb-4 text-2xl font-semibold text-gray-900 dark:text-white">
                   Data Exploration Tools
                 </h2>
-                <p className="text-gray-600 dark:text-gray-400 mb-6">
+                <p className="mb-6 text-gray-600 dark:text-gray-400">
                   Interactive analysis with filtering, statistics, and export capabilities
                 </p>
               </div>
@@ -218,39 +217,39 @@ export default function VisualizationDemoPage() {
         </div>
 
         {/* Footer */}
-        <div className="mt-12 bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
-          <h3 className="text-lg font-semibold mb-3 text-gray-900 dark:text-white">Features</h3>
-          <ul className="grid grid-cols-1 md:grid-cols-2 gap-3 text-gray-600 dark:text-gray-400">
+        <div className="p-6 mt-12 bg-white rounded-lg shadow-lg dark:bg-gray-800">
+          <h3 className="mb-3 text-lg font-semibold text-gray-900 dark:text-white">Features</h3>
+          <ul className="grid grid-cols-1 gap-3 text-gray-600 md:grid-cols-2 dark:text-gray-400">
             <li className="flex items-start space-x-2">
-              <span className="text-green-500 mt-1">✓</span>
+              <span className="mt-1 text-green-500">✓</span>
               <span>Multiple chart types (Line, Bar, Area, Pie, Scatter, Radar)</span>
             </li>
             <li className="flex items-start space-x-2">
-              <span className="text-green-500 mt-1">✓</span>
+              <span className="mt-1 text-green-500">✓</span>
               <span>Real-time data updates with WebSocket support</span>
             </li>
             <li className="flex items-start space-x-2">
-              <span className="text-green-500 mt-1">✓</span>
+              <span className="mt-1 text-green-500">✓</span>
               <span>Custom chart builder with drag-and-drop</span>
             </li>
             <li className="flex items-start space-x-2">
-              <span className="text-green-500 mt-1">✓</span>
+              <span className="mt-1 text-green-500">✓</span>
               <span>Interactive data exploration and filtering</span>
             </li>
             <li className="flex items-start space-x-2">
-              <span className="text-green-500 mt-1">✓</span>
+              <span className="mt-1 text-green-500">✓</span>
               <span>Statistical analysis (mean, median, std dev)</span>
             </li>
             <li className="flex items-start space-x-2">
-              <span className="text-green-500 mt-1">✓</span>
+              <span className="mt-1 text-green-500">✓</span>
               <span>Export to CSV and JSON formats</span>
             </li>
             <li className="flex items-start space-x-2">
-              <span className="text-green-500 mt-1">✓</span>
+              <span className="mt-1 text-green-500">✓</span>
               <span>Responsive design with dark mode support</span>
             </li>
             <li className="flex items-start space-x-2">
-              <span className="text-green-500 mt-1">✓</span>
+              <span className="mt-1 text-green-500">✓</span>
               <span>Smooth animations and transitions</span>
             </li>
           </ul>
diff --git a/src/components/courses/EnrollmentCTA.tsx b/src/components/courses/EnrollmentCTA.tsx
index ac5f6a1b..53309c68 100644
--- a/src/components/courses/EnrollmentCTA.tsx
+++ b/src/components/courses/EnrollmentCTA.tsx
@@ -35,7 +35,7 @@ export default function EnrollmentCTA({
       popular: true,
     },
   ],
-  onEnroll = (optionId) => console.log('Enrolling in option:', optionId),
+  onEnroll = (optionId) => {},
 }: EnrollmentCTAProps) {
   return (
     <div className="bg-white dark:bg-[#1E293B] rounded-xl shadow-sm border border-[#E2E8F0] dark:border-[#334155] p-6 lg:sticky lg:top-6">
@@ -64,7 +64,7 @@ export default function EnrollmentCTA({
               </span>
               <span className="text-[#64748B] dark:text-[#94A3B8] text-sm ml-1">/one-time</span>
             </div>
-            <ul className="space-y-3 mb-6">
+            <ul className="mb-6 space-y-3">
               {option.features.map((feature, index) => (
                 <li key={index} className="flex items-start gap-2 text-sm">
                   <svg
diff --git a/src/components/forms/AutoSaveManager.tsx b/src/components/forms/AutoSaveManager.tsx
index 26b65649..a0925493 100644
--- a/src/components/forms/AutoSaveManager.tsx
+++ b/src/components/forms/AutoSaveManager.tsx
@@ -62,7 +62,6 @@ export const AutoSaveManager: React.FC<AutoSaveManagerProps> = ({
     // Load draft on mount
     autoSaveManager.loadDraft(formId).then((draft) => {
       if (draft) {
-        console.log('Draft loaded:', draft);
       }
     });
 
diff --git a/src/components/instructor/CourseCreationWizard.tsx b/src/components/instructor/CourseCreationWizard.tsx
index 22eee137..1156723e 100644
--- a/src/components/instructor/CourseCreationWizard.tsx
+++ b/src/components/instructor/CourseCreationWizard.tsx
@@ -44,19 +44,17 @@ export const CourseCreationWizard = () => {
     setShowLessonForm(false);
   };
 
-  const handleContentUpload = (file: File, type: 'video' | 'text' | 'pdf') => {
-    console.log('Uploaded:', file.name, type);
-  };
+  const handleContentUpload = (file: File, type: 'video' | 'text' | 'pdf') => {};
 
   const renderStepContent = () => {
     switch (currentStep) {
       case 0:
         return (
           <div className="space-y-4 sm:space-y-6">
-            <h2 className="text-xl sm:text-2xl font-bold">Course Basic Information</h2>
+            <h2 className="text-xl font-bold sm:text-2xl">Course Basic Information</h2>
             <div className="space-y-4">
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label className="block mb-2 text-sm font-medium text-gray-700 dark:text-gray-300">
                   Course Title
                 </label>
                 <input
@@ -64,12 +62,12 @@ export const CourseCreationWizard = () => {
                   value={courseData.title}
                   onChange={(e) => updateCourseData({ title: e.target.value })}
                   placeholder="e.g., Introduction to Web Development"
-                  className="w-full px-4 py-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+                  className="w-full px-4 py-3 border border-gray-300 rounded-lg dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent"
                 />
               </div>
 
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label className="block mb-2 text-sm font-medium text-gray-700 dark:text-gray-300">
                   Description
                 </label>
                 <textarea
@@ -77,19 +75,19 @@ export const CourseCreationWizard = () => {
                   onChange={(e) => updateCourseData({ description: e.target.value })}
                   placeholder="Describe what students will learn..."
                   rows={4}
-                  className="w-full px-4 py-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+                  className="w-full px-4 py-3 border border-gray-300 rounded-lg dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent"
                 />
               </div>
 
-              <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+              <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
                 <div>
-                  <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                  <label className="block mb-2 text-sm font-medium text-gray-700 dark:text-gray-300">
                     Category
                   </label>
                   <select
                     value={courseData.category}
                     onChange={(e) => updateCourseData({ category: e.target.value })}
-                    className="w-full px-4 py-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+                    className="w-full px-4 py-3 border border-gray-300 rounded-lg dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent"
                   >
                     <option value="">Select Category</option>
                     <option value="development">Development</option>
@@ -100,13 +98,13 @@ export const CourseCreationWizard = () => {
                 </div>
 
                 <div>
-                  <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                  <label className="block mb-2 text-sm font-medium text-gray-700 dark:text-gray-300">
                     Difficulty Level
                   </label>
                   <select
                     value={courseData.level}
                     onChange={(e) => updateCourseData({ level: e.target.value })}
-                    className="w-full px-4 py-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+                    className="w-full px-4 py-3 border border-gray-300 rounded-lg dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent"
                   >
                     <option value="beginner">Beginner</option>
                     <option value="intermediate">Intermediate</option>
@@ -116,7 +114,7 @@ export const CourseCreationWizard = () => {
               </div>
 
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label className="block mb-2 text-sm font-medium text-gray-700 dark:text-gray-300">
                   Pricing
                 </label>
                 <div className="flex gap-4">
@@ -149,7 +147,7 @@ export const CourseCreationWizard = () => {
                       })
                     }
                     placeholder="Price in USD"
-                    className="mt-2 w-full px-4 py-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white rounded-lg"
+                    className="w-full px-4 py-3 mt-2 border border-gray-300 rounded-lg dark:border-gray-600 dark:bg-gray-700 dark:text-white"
                   />
                 )}
               </div>
@@ -160,35 +158,35 @@ export const CourseCreationWizard = () => {
       case 1:
         return (
           <div className="space-y-4 sm:space-y-6">
-            <h2 className="text-xl sm:text-2xl font-bold">Build Your Curriculum</h2>
+            <h2 className="text-xl font-bold sm:text-2xl">Build Your Curriculum</h2>
             {showLessonForm ? (
-              <div className="border rounded-lg p-4 sm:p-6 bg-white dark:bg-gray-800 dark:border-gray-700">
-                <h3 className="text-lg font-semibold mb-4 dark:text-white">New Lesson</h3>
+              <div className="p-4 bg-white border rounded-lg sm:p-6 dark:bg-gray-800 dark:border-gray-700">
+                <h3 className="mb-4 text-lg font-semibold dark:text-white">New Lesson</h3>
                 <div className="space-y-4">
                   <input
                     type="text"
                     value={lessonForm.title}
                     onChange={(e) => setLessonForm({ ...lessonForm, title: e.target.value })}
                     placeholder="Lesson title"
-                    className="w-full px-4 py-2 border dark:border-gray-600 dark:bg-gray-700 dark:text-white rounded-md"
+                    className="w-full px-4 py-2 border rounded-md dark:border-gray-600 dark:bg-gray-700 dark:text-white"
                   />
                   <textarea
                     value={lessonForm.description}
                     onChange={(e) => setLessonForm({ ...lessonForm, description: e.target.value })}
                     placeholder="Lesson description"
                     rows={3}
-                    className="w-full px-4 py-2 border dark:border-gray-600 dark:bg-gray-700 dark:text-white rounded-md"
+                    className="w-full px-4 py-2 border rounded-md dark:border-gray-600 dark:bg-gray-700 dark:text-white"
                   />
                   <div className="flex gap-2">
                     <button
                       onClick={handleSaveLesson}
-                      className="px-4 py-2 bg-blue-600 text-white rounded-md"
+                      className="px-4 py-2 text-white bg-blue-600 rounded-md"
                     >
                       Save Lesson
                     </button>
                     <button
                       onClick={() => setShowLessonForm(false)}
-                      className="px-4 py-2 border dark:border-gray-600 dark:bg-gray-700 dark:text-white rounded-md"
+                      className="px-4 py-2 border rounded-md dark:border-gray-600 dark:bg-gray-700 dark:text-white"
                     >
                       Cancel
                     </button>
@@ -210,7 +208,7 @@ export const CourseCreationWizard = () => {
       case 2:
         return (
           <div className="space-y-4 sm:space-y-6">
-            <h2 className="text-xl sm:text-2xl font-bold">Upload Course Content</h2>
+            <h2 className="text-xl font-bold sm:text-2xl">Upload Course Content</h2>
             <p className="text-gray-600 dark:text-gray-300">
               Add videos, PDFs, and other learning materials for your lessons.
             </p>
@@ -221,16 +219,16 @@ export const CourseCreationWizard = () => {
       case 3:
         return (
           <div className="space-y-4 sm:space-y-6">
-            <h2 className="text-xl sm:text-2xl font-bold">Create Assessments</h2>
+            <h2 className="text-xl font-bold sm:text-2xl">Create Assessments</h2>
             <AssessmentCreator onSave={addAssessment} />
             {courseData.assessments.length > 0 && (
               <div className="mt-6">
-                <h3 className="font-semibold mb-3 dark:text-white">Saved Assessments</h3>
+                <h3 className="mb-3 font-semibold dark:text-white">Saved Assessments</h3>
                 <div className="space-y-2">
                   {courseData.assessments.map((assessment) => (
                     <div
                       key={assessment.id}
-                      className="border rounded-lg p-4 bg-white dark:bg-gray-800 dark:border-gray-700"
+                      className="p-4 bg-white border rounded-lg dark:bg-gray-800 dark:border-gray-700"
                     >
                       <div className="flex justify-between">
                         <div>
@@ -239,7 +237,7 @@ export const CourseCreationWizard = () => {
                             {assessment.questions.length} questions
                           </p>
                         </div>
-                        <span className="px-3 py-1 bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 rounded-full text-sm">
+                        <span className="px-3 py-1 text-sm text-blue-800 bg-blue-100 rounded-full dark:bg-blue-900 dark:text-blue-200">
                           {assessment.type}
                         </span>
                       </div>
@@ -254,15 +252,15 @@ export const CourseCreationWizard = () => {
       case 4:
         return (
           <div className="space-y-4 sm:space-y-6">
-            <h2 className="text-xl sm:text-2xl font-bold">Preview & Publish</h2>
-            <div className="border rounded-lg p-4 sm:p-6 bg-white dark:bg-gray-800 dark:border-gray-700 space-y-4">
+            <h2 className="text-xl font-bold sm:text-2xl">Preview & Publish</h2>
+            <div className="p-4 space-y-4 bg-white border rounded-lg sm:p-6 dark:bg-gray-800 dark:border-gray-700">
               <div>
-                <h3 className="text-lg sm:text-xl font-semibold dark:text-white">
+                <h3 className="text-lg font-semibold sm:text-xl dark:text-white">
                   {courseData.title}
                 </h3>
-                <p className="text-gray-600 dark:text-gray-300 mt-2">{courseData.description}</p>
+                <p className="mt-2 text-gray-600 dark:text-gray-300">{courseData.description}</p>
               </div>
-              <div className="grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm">
+              <div className="grid grid-cols-1 gap-4 text-sm sm:grid-cols-2">
                 <div className="dark:text-gray-300">
                   <span className="font-medium">Category:</span> {courseData.category}
                 </div>
@@ -277,7 +275,7 @@ export const CourseCreationWizard = () => {
                 </div>
               </div>
               <div className="pt-4 border-t">
-                <button className="w-full px-6 py-3 bg-green-600 text-white rounded-lg hover:bg-green-700 font-semibold">
+                <button className="w-full px-6 py-3 font-semibold text-white bg-green-600 rounded-lg hover:bg-green-700">
                   Publish Course
                 </button>
               </div>
@@ -291,9 +289,9 @@ export const CourseCreationWizard = () => {
   };
 
   return (
-    <div className="max-w-5xl mx-auto p-4 sm:p-6">
+    <div className="max-w-5xl p-4 mx-auto sm:p-6">
       <div className="mb-6 sm:mb-8">
-        <div className="flex items-center justify-between overflow-x-auto pb-4">
+        <div className="flex items-center justify-between pb-4 overflow-x-auto">
           {STEPS.map((step, index) => (
             <div key={step.id} className="flex items-center flex-1 min-w-0">
               <div className="flex flex-col items-center">
@@ -303,17 +301,17 @@ export const CourseCreationWizard = () => {
                     currentStep > step.id
                       ? 'bg-green-600 text-white'
                       : currentStep === step.id
-                      ? 'bg-blue-600 text-white'
-                      : 'bg-gray-200 text-gray-600'
+                        ? 'bg-blue-600 text-white'
+                        : 'bg-gray-200 text-gray-600'
                   }`}
                 >
                   {currentStep > step.id ? (
-                    <Check className="h-4 w-4 sm:h-5 sm:w-5" />
+                    <Check className="w-4 h-4 sm:h-5 sm:w-5" />
                   ) : (
                     step.id + 1
                   )}
                 </button>
-                <div className="mt-2 text-center hidden sm:block">
+                <div className="hidden mt-2 text-center sm:block">
                   <div className="text-sm font-medium">{step.name}</div>
                   <div className="text-xs text-gray-500">{step.description}</div>
                 </div>
@@ -337,23 +335,23 @@ export const CourseCreationWizard = () => {
         {renderStepContent()}
       </div>
 
-      <div className="flex justify-between mt-4 sm:mt-6 gap-2">
+      <div className="flex justify-between gap-2 mt-4 sm:mt-6">
         <button
           onClick={previousStep}
           disabled={currentStep === 0}
-          className="flex items-center gap-1 sm:gap-2 px-3 sm:px-6 py-2 sm:py-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-white rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 disabled:opacity-50 disabled:cursor-not-allowed text-sm sm:text-base"
+          className="flex items-center gap-1 px-3 py-2 text-sm border border-gray-300 rounded-lg sm:gap-2 sm:px-6 sm:py-3 dark:border-gray-600 dark:bg-gray-800 dark:text-white hover:bg-gray-50 dark:hover:bg-gray-700 disabled:opacity-50 disabled:cursor-not-allowed sm:text-base"
         >
-          <ChevronLeft className="h-4 w-4 sm:h-5 sm:w-5" />
+          <ChevronLeft className="w-4 h-4 sm:h-5 sm:w-5" />
           <span className="hidden sm:inline">Previous</span>
           <span className="sm:hidden">Prev</span>
         </button>
         <button
           onClick={nextStep}
           disabled={currentStep === STEPS.length - 1}
-          className="flex items-center gap-1 sm:gap-2 px-3 sm:px-6 py-2 sm:py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed text-sm sm:text-base"
+          className="flex items-center gap-1 px-3 py-2 text-sm text-white bg-blue-600 rounded-lg sm:gap-2 sm:px-6 sm:py-3 hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed sm:text-base"
         >
           Next
-          <ChevronRight className="h-4 w-4 sm:h-5 sm:w-5" />
+          <ChevronRight className="w-4 h-4 sm:h-5 sm:w-5" />
         </button>
       </div>
     </div>
diff --git a/src/components/performance/LazyLoadingManager.tsx b/src/components/performance/LazyLoadingManager.tsx
index 87401fd7..146a3ea4 100644
--- a/src/components/performance/LazyLoadingManager.tsx
+++ b/src/components/performance/LazyLoadingManager.tsx
@@ -16,7 +16,7 @@ interface LazyLoadingManagerProps {
  */
 const LazyLoadingManager: React.FC<LazyLoadingManagerProps> = ({
   children,
-  fallback = <div className="animate-pulse bg-gray-200 h-32 w-full rounded-md" />,
+  fallback = <div className="w-full h-32 bg-gray-200 rounded-md animate-pulse" />,
   threshold = 0.1,
   rootMargin = '200px',
   componentName = 'Component',
@@ -31,7 +31,6 @@ const LazyLoadingManager: React.FC<LazyLoadingManagerProps> = ({
   useEffect(() => {
     if (inView && !hasBeenInView) {
       setHasBeenInView(true);
-      console.log(`[LazyLoading] Triggering load for ${componentName}`);
     }
   }, [inView, hasBeenInView, componentName]);
 
diff --git a/src/components/performance/PrefetchingEngine.tsx b/src/components/performance/PrefetchingEngine.tsx
index 7463fb8a..2092f8ec 100644
--- a/src/components/performance/PrefetchingEngine.tsx
+++ b/src/components/performance/PrefetchingEngine.tsx
@@ -17,11 +17,8 @@ const PrefetchingEngine: React.FC<PrefetchingEngineProps> = ({ strategies = ['ho
   const handleIntent = useCallback(
     (href: string) => {
       if (isSlowConnection()) {
-        console.log(`[Prefetching] Slow connection detected. Skipping prefetch for: ${href}`);
         return;
       }
-
-      console.log(`[Prefetching] Predictive prefetch started for: ${href}`);
       router.prefetch(href);
     },
     [router],
diff --git a/src/components/pwa/NativeIntegrationLayer.tsx b/src/components/pwa/NativeIntegrationLayer.tsx
index f2ea2775..9f2e3963 100644
--- a/src/components/pwa/NativeIntegrationLayer.tsx
+++ b/src/components/pwa/NativeIntegrationLayer.tsx
@@ -20,12 +20,9 @@ export const NativeIntegrationLayer: React.FC = () => {
     try {
       const stream = await navigator.mediaDevices.getUserMedia({ video: true });
       // In a real app, this would open a camera modal or start a scan
-      console.log('Camera access granted');
       // Stop stream immediately for demo
       stream.getTracks().forEach((track) => track.stop());
-    } catch (err) {
-      console.error('Camera access denied:', err);
-    }
+    } catch (err) {}
   };
 
   return (
diff --git a/src/components/state/StateManagerIntegration.tsx b/src/components/state/StateManagerIntegration.tsx
index 84fd971b..84d2bd47 100644
--- a/src/components/state/StateManagerIntegration.tsx
+++ b/src/components/state/StateManagerIntegration.tsx
@@ -13,7 +13,6 @@ export const StateManagerIntegration = () => {
   useEffect(() => {
     // 1. Initialize Sync Engine
     // (Constructor already does it, but we ensure it's loaded in the browser)
-    console.log('[StateManager] Integration active');
 
     // 2. Attach DevTools
     inspectState(useStore);
diff --git a/src/form-management/examples/auto-save-example.ts b/src/form-management/examples/auto-save-example.ts
index caaa7568..eee23aac 100644
--- a/src/form-management/examples/auto-save-example.ts
+++ b/src/form-management/examples/auto-save-example.ts
@@ -20,9 +20,7 @@ export function basicAutoSaveExample() {
 
   // Subscribe to save status changes
   const subscription = autoSaveManager.onSaveStatusChange((status) => {
-    console.log('Save status:', status.status);
     if (status.lastSaved) {
-      console.log('Last saved at:', status.lastSaved);
     }
     if (status.error) {
       console.error('Save error:', status.error.message);
@@ -64,7 +62,6 @@ export async function manualSaveExample() {
   // Save immediately
   try {
     await autoSaveManager.saveNow(formId, formState);
-    console.log('Form data saved successfully');
   } catch (error) {
     console.error('Failed to save form data:', error);
   }
@@ -81,14 +78,9 @@ export async function draftRecoveryExample() {
   const draftState = await autoSaveManager.loadDraft(formId);
 
   if (draftState) {
-    console.log('Draft found! Restoring form data...');
-    console.log('Restored values:', draftState.values);
-    console.log('Last modified:', draftState.metadata.lastModified);
-
     // Use the restored state to populate the form
     return draftState;
   } else {
-    console.log('No draft found. Starting with empty form.');
     return null;
   }
 }
@@ -101,7 +93,6 @@ export async function draftCleanupExample() {
   // Simulate form submission
   const submitForm = async (formData: any) => {
     // Submit to server...
-    console.log('Submitting form:', formData);
     return { success: true };
   };
 
@@ -112,7 +103,6 @@ export async function draftCleanupExample() {
 
   if (result.success) {
     await autoSaveManager.clearDraft(formId);
-    console.log('Draft cleared after successful submission');
   }
 
   return autoSaveManager;
@@ -126,9 +116,6 @@ export function storageQuotaExample() {
   const quotaInBytes = 2 * 1024 * 1024;
   autoSaveManager.setStorageQuota(quotaInBytes);
 
-  console.log('Storage quota set to 2MB');
-  console.log('Oldest drafts will be automatically removed when quota is exceeded');
-
   return autoSaveManager;
 }
 
@@ -140,9 +127,7 @@ export async function offlineSaveExample() {
   // Subscribe to status changes to monitor offline saves
   autoSaveManager.onSaveStatusChange((status) => {
     if (status.status === 'error' && status.queuedSaves > 0) {
-      console.log(`Save queued. ${status.queuedSaves} saves waiting for connectivity.`);
     } else if (status.status === 'saved' && status.queuedSaves === 0) {
-      console.log('All queued saves processed successfully!');
     }
   });
 
@@ -165,9 +150,7 @@ export async function offlineSaveExample() {
 
   try {
     await autoSaveManager.saveNow(formId, formState);
-  } catch (error) {
-    console.log('Save failed, but will retry when online');
-  }
+  } catch (error) {}
 
   return autoSaveManager;
 }
@@ -186,7 +169,6 @@ export function completeFormExample() {
   // 3. Try to recover draft on form load
   autoSaveManager.loadDraft(formId).then((draft) => {
     if (draft) {
-      console.log('Recovered draft from previous session');
       // Populate form with draft data
     }
   });
@@ -196,13 +178,10 @@ export function completeFormExample() {
     // Update UI based on status
     switch (status.status) {
       case 'saving':
-        console.log('💾 Saving...');
         break;
       case 'saved':
-        console.log('✅ Saved at', status.lastSaved?.toLocaleTimeString());
         break;
       case 'error':
-        console.log('❌ Save failed:', status.error?.message);
         break;
     }
   });
@@ -257,7 +236,6 @@ export function statusIndicatorExample() {
     const indicator = {
       element: null as HTMLElement | null,
       update: (status: string, message: string) => {
-        console.log(`[${status}] ${message}`);
         // In a real app, update DOM element
       },
     };
@@ -288,20 +266,13 @@ export function statusIndicatorExample() {
 
 // Run examples
 if (import.meta.url === `file://${process.argv[1]}`) {
-  console.log('=== Auto-Save Manager Examples ===\n');
-
-  console.log('1. Basic Auto-Save Setup');
   basicAutoSaveExample();
 
-  console.log('\n2. Manual Save');
   manualSaveExample();
 
-  console.log('\n3. Draft Recovery');
   draftRecoveryExample();
 
-  console.log('\n4. Storage Quota Management');
   storageQuotaExample();
 
-  console.log('\n5. Complete Form Example');
   completeFormExample();
 }
diff --git a/src/form-management/examples/configuration-parser-example.ts b/src/form-management/examples/configuration-parser-example.ts
index 661f2284..cc69d299 100644
--- a/src/form-management/examples/configuration-parser-example.ts
+++ b/src/form-management/examples/configuration-parser-example.ts
@@ -268,68 +268,35 @@ const wizardFormConfig: FormConfiguration = {
 
 // Demonstration functions
 export function demonstrateConfigurationParser() {
-  console.log('=== Configuration Parser Demonstration ===\n');
-
-  // 1. Validate configurations
-  console.log('1. Validating configurations...');
-
   const basicValidation = parser.validate(basicFormConfig);
-  console.log(`Basic form validation: ${basicValidation.isValid ? 'VALID' : 'INVALID'}`);
+
   if (!basicValidation.isValid) {
-    console.log('Errors:', basicValidation.errors);
   }
 
   const wizardValidation = parser.validate(wizardFormConfig);
-  console.log(`Wizard form validation: ${wizardValidation.isValid ? 'VALID' : 'INVALID'}`);
+
   if (!wizardValidation.isValid) {
-    console.log('Errors:', wizardValidation.errors);
   }
 
-  // 2. Format to JSON
-  console.log('\n2. Formatting configurations to JSON...');
-
   const basicJson = parser.formatToJson(basicFormConfig);
-  console.log('Basic form JSON length:', basicJson.length, 'characters');
 
   const compactJson = parser.formatToCompactJson(basicFormConfig);
-  console.log('Compact JSON length:', compactJson.length, 'characters');
 
   // 3. Format with custom options
-  console.log('\n3. Formatting with custom options...');
 
   const jsonWithMetadata = parser.formatToJsonWithOptions(wizardFormConfig, {
     includeMetadata: true,
     sortKeys: true,
     indent: 4,
   });
-  console.log(
-    'JSON with metadata includes _metadata field:',
-    jsonWithMetadata.includes('_metadata'),
-  );
 
   // 4. Round-trip test
-  console.log('\n4. Testing round-trip (format -> parse -> validate)...');
 
   try {
     const formattedJson = parser.formatToJson(wizardFormConfig);
     const parsedConfig = parser.parse(formattedJson);
     const revalidation = parser.validate(parsedConfig);
-
-    console.log(`Round-trip successful: ${revalidation.isValid ? 'YES' : 'NO'}`);
-    console.log(
-      `Original fields: ${wizardFormConfig.fields.length}, Parsed fields: ${parsedConfig.fields.length}`,
-    );
-    console.log(
-      `Original steps: ${wizardFormConfig.steps?.length || 0}, Parsed steps: ${
-        parsedConfig.steps?.length || 0
-      }`,
-    );
-  } catch (error) {
-    console.log('Round-trip failed:', error);
-  }
-
-  // 5. Error handling demonstration
-  console.log('\n5. Demonstrating error handling...');
+  } catch (error) {}
 
   const invalidConfig = {
     id: '', // Invalid: empty ID
@@ -339,17 +306,11 @@ export function demonstrateConfigurationParser() {
   };
 
   const invalidValidation = parser.validate(invalidConfig as unknown as FormConfiguration);
-  console.log(`Invalid config validation: ${invalidValidation.isValid ? 'VALID' : 'INVALID'}`);
-  console.log(`Number of validation errors: ${invalidValidation.errors.length}`);
 
   // Try parsing invalid JSON
   try {
     parser.parse('{ invalid json }');
-  } catch (error) {
-    console.log('Invalid JSON parsing correctly throws error:', error instanceof Error);
-  }
-
-  console.log('\n=== Demonstration Complete ===');
+  } catch (error) {}
 }
 
 // Export configurations for use in other examples
diff --git a/src/hooks/useAdvancedSearch.tsx b/src/hooks/useAdvancedSearch.tsx
index d8c0bb56..a6f95042 100644
--- a/src/hooks/useAdvancedSearch.tsx
+++ b/src/hooks/useAdvancedSearch.tsx
@@ -137,7 +137,6 @@ export const useAdvancedSearch = () => {
 
       // Parse advanced query
       const parsed = parseAdvancedQuery(query.text);
-      console.log('[Search DEBUG] Parsed Query:', parsed);
 
       setResults(mockResults);
       addToHistory(query.text);
diff --git a/src/hooks/useProfileUpdate.tsx b/src/hooks/useProfileUpdate.tsx
index f79e15c1..f7dacf21 100644
--- a/src/hooks/useProfileUpdate.tsx
+++ b/src/hooks/useProfileUpdate.tsx
@@ -10,7 +10,7 @@ interface ProfileData {
     email: boolean;
     push: boolean;
   };
-  theme?: "light" | "dark";
+  theme?: 'light' | 'dark';
   [key: string]: unknown;
 }
 
@@ -23,7 +23,6 @@ export function useProfileUpdate() {
       // Simulate API call
       await new Promise((resolve) => setTimeout(resolve, 1500));
 
-      console.log('Profile updated:', data);
       toast.success('Profile updated successfully!');
       return true;
     } catch (error) {
diff --git a/src/services/bundleOptimizer.ts b/src/services/bundleOptimizer.ts
index 2ca4832b..9a11290e 100644
--- a/src/services/bundleOptimizer.ts
+++ b/src/services/bundleOptimizer.ts
@@ -61,9 +61,6 @@ class BundleOptimizer {
     const totalChunks = this.chunks.size;
     const totalSize = Array.from(this.chunks.values()).reduce((acc, c) => acc + (c.size || 0), 0);
 
-    console.log(
-      `[Bundle Optimizer] Monitoring ${totalChunks} logical chunks. Total estimated size: ${totalSize}KB.`,
-    );
     this.analyzeChunkSizes();
   }
 }
diff --git a/src/store/devTools.ts b/src/store/devTools.ts
index ee6e2cf2..a935c95f 100644
--- a/src/store/devTools.ts
+++ b/src/store/devTools.ts
@@ -18,10 +18,8 @@ export const stateLogger =
       (args) => {
         if (process.env.NODE_ENV === 'development') {
           console.group('%c [State Action]', 'color: #00bcd4; font-weight: bold;');
-          console.log('Action:', args);
-          console.log('Previous State:', get());
+
           set(args);
-          console.log('Next State:', get());
           console.groupEnd();
         } else {
           set(args);
@@ -37,6 +35,5 @@ export const stateLogger =
 export const inspectState = (store: any) => {
   if (typeof window !== 'undefined') {
     (window as any).__TEACHLINK_STATE__ = store.getState;
-    console.log('[DevTools] State inspector attached to window.__TEACHLINK_STATE__');
   }
 };
diff --git a/src/store/synchronizationEngine.ts b/src/store/synchronizationEngine.ts
index c92706e3..c2ee5517 100644
--- a/src/store/synchronizationEngine.ts
+++ b/src/store/synchronizationEngine.ts
@@ -28,7 +28,6 @@ export class SynchronizationEngine {
       const { type, payload } = event.data;
 
       if (type === 'STATE_UPDATE') {
-        console.log('[SyncEngine] Received state update from another tab');
         this.isProcessingSync = true;
 
         // Update the local store with the external state
diff --git a/src/utils/performanceUtils.ts b/src/utils/performanceUtils.ts
index 090bce9d..8267f427 100644
--- a/src/utils/performanceUtils.ts
+++ b/src/utils/performanceUtils.ts
@@ -279,7 +279,6 @@ export const trackDuration = <T>(name: string, fn: () => T): T => {
   const start = performance.now();
   const result = fn();
   const end = performance.now();
-  console.log(`[Performance] ${name} took ${(end - start).toFixed(2)}ms`);
   return result;
 };
 
@@ -290,7 +289,6 @@ export const trackDurationAsync = async <T>(name: string, fn: () => Promise<T>):
   const start = performance.now();
   const result = await fn();
   const end = performance.now();
-  console.log(`[Performance] ${name} took ${(end - start).toFixed(2)}ms`);
   return result;
 };
 
diff --git a/src/utils/searchUtils.ts b/src/utils/searchUtils.ts
index 255d0203..fd914b54 100644
--- a/src/utils/searchUtils.ts
+++ b/src/utils/searchUtils.ts
@@ -108,8 +108,6 @@ export const trackSearch = (analytics: SearchAnalytics) => {
   history.unshift(analytics);
   // Keep last 100 entries for analysis
   localStorage.setItem('search_analytics', JSON.stringify(history.slice(0, 100)));
-
-  console.log('[Search Analytics Logged]', analytics);
 };
 
 /**