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/app/page.test.tsx

@@ -245,7 +245,10 @@ describe('HomePage', () => {
       const githubLinks = screen.getAllByRole('link', { name: /GitHub/i });
       expect(githubLinks.length).toBeGreaterThan(0);
       // Syndarix uses Gitea for version control
-      expect(githubLinks[0]).toHaveAttribute('href', expect.stringContaining('gitea.pragmazest.com'));
+      expect(githubLinks[0]).toHaveAttribute(
+        'href',
+        expect.stringContaining('gitea.pragmazest.com')
+      );
     });
   });