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/home/HeroSection.tsx

@@ -72,8 +72,8 @@ export function HeroSection({ onOpenDemoModal }: HeroSectionProps) {
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.5, delay: 0.2 }}
           >
-            Opinionated, secure, and production-ready. Syndarix gives you the solid foundation
-            you need to stop configuring and start shipping.{' '}
+            Opinionated, secure, and production-ready. Syndarix gives you the solid foundation you
+            need to stop configuring and start shipping.{' '}
             <span className="text-foreground font-medium">Start building features on day one.</span>
           </motion.p>