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/StepIndicator.tsx

@@ -29,7 +29,12 @@ export function StepIndicator({ currentStep, isScriptMode, className }: StepIndi
         </span>
         <span>{steps[displayStep - 1]}</span>
       </div>
-      <div className="flex gap-1" role="progressbar" aria-valuenow={displayStep} aria-valuemax={totalSteps}>
+      <div
+        className="flex gap-1"
+        role="progressbar"
+        aria-valuenow={displayStep}
+        aria-valuemax={totalSteps}
+      >
         {Array.from({ length: totalSteps }, (_, i) => (
           <div
             key={i}