Fix inconsistent spacing and text alignment on About Page for mobile view

[liliana-cc]

Description

This pull request addresses issue #55 (Fix Frontend Design for About Page on Mobile) where the About Page's layout on mobile devices was inconsistent with expected designs. Specifically, the following problems were resolved:

• Inconsistent spacing between elements within the same category and across different categories.
• Misaligned and improperly centered text across devices.

Changes Made:

CSS Updates:

• Added a #first-credit rule to fix margins for artist titles.
• Introduced a .credit-container class with display: flex and flex-direction: column to ensure consistent margins for titles and images in credit rows.

JavaScript Updates:

• Updated rendering logic to wrap credit rows inside a .credit-container.
• Applied consistent structure and spacing by dynamically assigning #first-credit and ensuring proper alignment of elements.

Additional Notes

The changes are scoped to the About Page and do not affect other parts of the application. Tested across multiple screen sizes to verify responsiveness.