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/steps/ClientModeStep.tsx

@@ -34,7 +34,11 @@ export function ClientModeStep({ state, updateState }: ClientModeStepProps) {
         </p>
       </div>
 
-      <div className="grid gap-6 md:grid-cols-2" role="radiogroup" aria-label="Client interaction mode options">
+      <div
+        className="grid gap-6 md:grid-cols-2"
+        role="radiogroup"
+        aria-label="Client interaction mode options"
+      >
         {clientModeOptions.map((option) => {
           const Icon = option.icon;
           const isSelected = state.clientMode === option.id;