feat: move customize profile button to header section

🎨 Improved Layout:
- Moved 'Customize Profile' button to header area
- Better visual hierarchy and organization
- More prominent placement for profile customization
- Cleaner menu structure

✨ Enhanced UX:
- Button now appears in profile header section
- More intuitive placement next to user info
- Simplified button text to 'Customize Profile'
- Better visual flow and user experience

The profile customization feature is now more prominently placed and easier to find!

Author: josegomez-dev

components/ui/navigation/UserDropdown.tsx

@@ -71,15 +71,15 @@ export const UserDropdown = () => {
   };
 
   const handleAutoGenerate = async () => {
-    // if (!walletData?.publicKey) {
-    //   addToast({
-    //     type: 'error',
-    //     title: '❌ No Wallet Connected',
-    //     message: 'Please connect your wallet first',
-    //     duration: 3000,
-    //   });
-    //   return;
-    // }
+    if (!walletData?.publicKey) {
+      addToast({
+        type: 'error',
+        title: '❌ No Wallet Connected',
+        message: 'Please connect your wallet first',
+        duration: 3000,
+      });
+      return;
+    }
 
     setIsGenerating(true);
     try {
@@ -169,7 +169,7 @@ export const UserDropdown = () => {
                       '🎲'
                     )}
                   </span>
-                  <span>{isGenerating ? 'Generating...' : 'Customize Profile Randomly'}</span>
+                  <span>{isGenerating ? 'Generating...' : 'Customize Profile'}</span>
                 </button>
               </div>
             </div>