fix: Resolve QuickStartWizard DOM nesting and API errors

- Fix validateDOMNesting warning by using secondaryTypographyProps with component='div'
- Fix 400 Bad Request by sending 'bucketName' instead of 'name' in bucket creation API
- This allows the Quick Start wizard to complete successfully

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/components/Dashboard/QuickStartWizard.tsx

@@ -123,7 +123,7 @@ const QuickStartWizard: React.FC<QuickStartWizardProps> = ({
 
     try {
       // Step 1: Create bucket
-      await api.post('/buckets', { name: setupData.bucketName }, {
+      await api.post('/buckets', { bucketName: setupData.bucketName }, {
         timeout: 30000, // 30 seconds timeout
       });
 
@@ -336,17 +336,16 @@ const QuickStartWizard: React.FC<QuickStartWizardProps> = ({
                   </ListItemIcon>
                   <ListItemText
                     primary="Access Level"
+                    secondaryTypographyProps={{ component: 'div' }}
                     secondary={
-                      <Box component="span">
+                      <Chip
-                        <Chip
+                        label={setupData.policyType}
-                          label={setupData.policyType}
+                        size="small"
-                          size="small"
+                        color={
-                          color={
+                          setupData.policyType === 'readwrite' ? 'success' :
-                            setupData.policyType === 'readwrite' ? 'success' :
+                          setupData.policyType === 'readonly' ? 'info' : 'warning'
-                            setupData.policyType === 'readonly' ? 'info' : 'warning'
+                        }
-                          }
+                      />
-                        />
-                      </Box>
                     }
                   />
                 </ListItem>