COmpoeentes standardization 2

frontend/src/components/onboarding/OnboardingWizard.tsx

@@ -7,6 +7,7 @@ import React, { useState, useCallback, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { Card } from '../ui/card';
 import Button from '../ui/button/Button';
+import IconButton from '../ui/button/IconButton';
 import { 
   ArrowRightIcon,
   ArrowLeftIcon,
@@ -209,14 +210,13 @@ export default function OnboardingWizard({ onComplete, onSkip }: OnboardingWizar
                 </p>
               </div>
             </div>
-            <Button
+            <IconButton
               variant="ghost"
               size="sm"
               onClick={handleSkipAll}
               className="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"
-            >
-              <CloseIcon className="w-5 h-5" />
-            </Button>
+              icon={<CloseIcon className="w-5 h-5" />}
+            />
           </div>
           
           {/* Progress Bar */}