feat: Implement High Priority Console Cleanup

src/components/upload/UppyPhotoSubmissionUpload.tsx

@@ -1,5 +1,7 @@
 import React, { useState } from 'react';
 import { invokeWithTracking } from '@/lib/edgeFunctionTracking';
+import { logger } from '@/lib/logger';
+import { getErrorMessage } from '@/lib/errorHandler';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
@@ -168,11 +170,19 @@ export function UppyPhotoSubmissionUpload({
             ));
 
           } catch (error: unknown) {
-            console.error('Upload error:', error);
+            const errorMsg = getErrorMessage(error);
+            logger.error('Photo submission upload failed', { 
+              photoTitle: photo.title,
+              photoOrder: photo.order,
+              fileName: photo.file?.name,
+              error: errorMsg 
+            });
+            
             setPhotos(prev => prev.map(p => 
               p === photo ? { ...p, uploadStatus: 'failed' as const } : p
             ));
-            throw new Error(`Failed to upload ${photo.title || 'photo'}: ${error instanceof Error ? error.message : 'Unknown error'}`);
+            
+            throw new Error(`Failed to upload ${photo.title || 'photo'}: ${errorMsg}`);
           }
         }
       }
@@ -248,11 +258,19 @@ export function UppyPhotoSubmissionUpload({
       setPhotos([]);
       onSubmissionComplete?.();
     } catch (error: unknown) {
-      console.error('Submission error:', error);
+      const errorMsg = getErrorMessage(error);
+      logger.error('Photo submission failed', { 
+        entityType,
+        entityId,
+        photoCount: photos.length,
+        userId: user?.id,
+        error: errorMsg 
+      });
+      
       toast({
         variant: 'destructive',
         title: 'Submission Failed',
-        description: error instanceof Error ? error.message : 'There was an error submitting your photos. Please try again.',
+        description: errorMsg || 'There was an error submitting your photos. Please try again.',
       });
     } finally {
       setIsSubmitting(false);

src/components/upload/UppyPhotoUpload.tsx

@@ -2,6 +2,8 @@ import React, { useRef, useState } from 'react';
 import { supabase } from '@/integrations/supabase/client';
 import { useToast } from '@/hooks/use-toast';
 import { invokeWithTracking } from '@/lib/edgeFunctionTracking';
+import { logger } from '@/lib/logger';
+import { getErrorMessage } from '@/lib/errorHandler';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import { Upload, X, Eye, Loader2, CheckCircle } from 'lucide-react';
@@ -201,11 +203,18 @@ export function UppyPhotoUpload({
         newUrls.push(url);
         setUploadProgress(Math.round(((i + 1) / totalFiles) * 100));
       } catch (error: unknown) {
-        console.error(`Upload failed for ${file.name}:`, error);
+        const errorMsg = getErrorMessage(error);
+        logger.error('File upload failed', { 
+          fileName: file.name, 
+          fileSize: file.size,
+          fileType: file.type,
+          error: errorMsg 
+        });
+        
         toast({
           variant: 'destructive',
           title: 'Upload Failed',
-          description: `Failed to upload "${file.name}": ${error instanceof Error ? error.message : 'Unknown error'}`,
+          description: `Failed to upload "${file.name}": ${errorMsg}`,
         });
         onUploadError?.(error as Error);
       }