refactor(frontend): clean up code by consolidating multi-line JSX into single lines where feasible

- Refactored JSX elements to improve readability by collapsing multi-line props and attributes into single lines if their length permits.
- Improved consistency in component imports by grouping and consolidating them.
- No functional changes, purely restructuring for clarity and maintainability.

frontend/src/components/projects/wizard/ProjectWizard.tsx

@@ -73,16 +73,13 @@ export function ProjectWizard({ locale, className }: ProjectWizardProps) {
     mutationFn: async (projectData: ProjectCreateData): Promise<ProjectResponse> => {
       // Call the projects API endpoint
       // Note: The API client already handles authentication via interceptors
-      const response = await apiClient.instance.post<ProjectResponse>(
-        '/api/v1/projects',
-        {
-          name: projectData.name,
-          slug: projectData.slug,
-          description: projectData.description,
-          autonomy_level: projectData.autonomy_level,
-          settings: projectData.settings,
-        }
-      );
+      const response = await apiClient.instance.post<ProjectResponse>('/api/v1/projects', {
+        name: projectData.name,
+        slug: projectData.slug,
+        description: projectData.description,
+        autonomy_level: projectData.autonomy_level,
+        settings: projectData.settings,
+      });
 
       return response.data;
     },
@@ -123,7 +120,10 @@ export function ProjectWizard({ locale, className }: ProjectWizardProps) {
           <Card className="text-center">
             <CardContent className="space-y-6 p-8">
               <div className="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-green-100 dark:bg-green-900">
-                <CheckCircle2 className="h-8 w-8 text-green-600 dark:text-green-400" aria-hidden="true" />
+                <CheckCircle2
+                  className="h-8 w-8 text-green-600 dark:text-green-400"
+                  aria-hidden="true"
+                />
               </div>
               <div>
                 <h2 className="text-2xl font-bold">Project Created Successfully!</h2>
@@ -192,10 +192,7 @@ export function ProjectWizard({ locale, className }: ProjectWizardProps) {
                   <ArrowRight className="ml-2 h-4 w-4" aria-hidden="true" />
                 </Button>
               ) : (
-                <Button
-                  onClick={handleCreate}
-                  disabled={createProjectMutation.isPending}
-                >
+                <Button onClick={handleCreate} disabled={createProjectMutation.isPending}>
                   {createProjectMutation.isPending ? (
                     <>
                       <Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden="true" />