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/tests/components/projects/wizard/ProjectWizard.test.tsx

@@ -264,7 +264,9 @@ describe('ProjectWizard', () => {
       await user.click(screen.getByRole('button', { name: /create project/i }));
 
       await waitFor(() => {
-        expect(screen.getByRole('button', { name: /go to project dashboard/i })).toBeInTheDocument();
+        expect(
+          screen.getByRole('button', { name: /go to project dashboard/i })
+        ).toBeInTheDocument();
       });
 
       await user.click(screen.getByRole('button', { name: /go to project dashboard/i }));