update onboarding colors and add image upload

pages/Onboarding.tsx

@@ -4,6 +4,7 @@ import { useOrg } from '../contexts/OrgContext';
 import { EnhancedFigmaQuestion, FigmaQuestionCard, EnhancedFigmaInput } from '../components/figma/EnhancedFigmaQuestion';
 import { FigmaInput, FigmaSelect } from '../components/figma/FigmaInput';
 import { FigmaMultipleChoice } from '../components/figma/FigmaMultipleChoice';
+import { StoredImage } from '../services/imageStorageService';
 
 interface OnboardingData {
     // Step 0: Company Details
@@ -51,6 +52,7 @@ const Onboarding: React.FC = () => {
 
     const [step, setStep] = useState(0);
     const [isGeneratingReport, setIsGeneratingReport] = useState(false);
+    const [companyLogo, setCompanyLogo] = useState<StoredImage | null>(null);
     const [formData, setFormData] = useState<OnboardingData>({
         companyName: org?.name || '',
         yourName: '',
@@ -174,6 +176,10 @@ const Onboarding: React.FC = () => {
         setFormData(prev => ({ ...prev, [field]: value }));
     };
 
+    const handleImageUploaded = (image: StoredImage | null) => {
+        setCompanyLogo(image);
+    };
+
     const canProceed = () => {
         switch (step) {
             case 0: // Company Details
@@ -365,6 +371,10 @@ const Onboarding: React.FC = () => {
                             ? 'Complete Setup'
                             : 'Next'
                 }
+                // Image upload props
+                orgId={org?.orgId}
+                onImageUploaded={handleImageUploaded}
+                currentImage={companyLogo}
             >
                 {renderStepContent()}
             </EnhancedFigmaQuestion>