fix(ui): resolved issue where footer overlaps

[decimozs]

This pull request refactors the Footer component for improved readability and responsiveness. The main changes include formatting updates, enhanced layout for data sources, and improved accessibility for links.

Formatting and code style improvements:

• Reformatted imports and code style to use double quotes and consistent semicolons in src/components/Footer.tsx. [1] [2]

Layout and responsiveness enhancements:

• Updated the data source section to display links more responsively, using <span> and <br> elements to separate links on different screen sizes.
• Improved spacing and grouping of footer elements, including additional margin classes for better readability.

Accessibility and semantics:

• Enhanced link accessibility by ensuring rel="noopener noreferrer" and clearer link separation in the Terms of Service section.

Samples:

Issue:

Mobile View

Larger Screen

Fix:

Mobile View

Larger Screen