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

@@ -71,7 +71,10 @@ describe('CTASection', () => {
     );
 
     const githubLink = screen.getByRole('link', { name: /get started on github/i });
-    expect(githubLink).toHaveAttribute('href', 'https://gitea.pragmazest.com/cardosofelipe/syndarix');
+    expect(githubLink).toHaveAttribute(
+      'href',
+      'https://gitea.pragmazest.com/cardosofelipe/syndarix'
+    );
     expect(githubLink).toHaveAttribute('target', '_blank');
     expect(githubLink).toHaveAttribute('rel', 'noopener noreferrer');
   });

frontend/tests/components/home/Header.test.tsx

@@ -221,7 +221,10 @@ describe('Header', () => {
         const mobileGithubLink = githubLinks[1];
         fireEvent.click(mobileGithubLink);
         // Syndarix uses Gitea for version control
-        expect(mobileGithubLink).toHaveAttribute('href', expect.stringContaining('gitea.pragmazest.com'));
+        expect(mobileGithubLink).toHaveAttribute(
+          'href',
+          expect.stringContaining('gitea.pragmazest.com')
+        );
       }
     });
 

frontend/tests/components/home/HeroSection.test.tsx

@@ -100,7 +100,10 @@ describe('HeroSection', () => {
     );
 
     const githubLink = screen.getByRole('link', { name: /view on github/i });
-    expect(githubLink).toHaveAttribute('href', 'https://gitea.pragmazest.com/cardosofelipe/syndarix');
+    expect(githubLink).toHaveAttribute(
+      'href',
+      'https://gitea.pragmazest.com/cardosofelipe/syndarix'
+    );
     expect(githubLink).toHaveAttribute('target', '_blank');
     expect(githubLink).toHaveAttribute('rel', 'noopener noreferrer');
   });