Fix the footer alignment, responsiveness, and links

[arpankumarde]

The footer of the MUSICA project has some issues that need to be fixed:

• The text is not readable properly due to its small size
• The icons are not responsive and do not change color on hover or click.
• Some of the links are broken and do not lead to the correct social media pages or websites.

I propose to fix these issues by:

• Using flexbox or grid to align the text and icons in the footer and increase their font-size.
• Adding CSS transitions and hover effects to the icons to make them more interactive.
• Updating the links with the correct URLs and adding target=“_blank” attribute to open them in a new tab.

These changes would not conflict with #97, which only fixes the uneven footer background

[arpankumarde]

Please assign me this task under Hacktoberfest

[bhavik001]

Hey @samratghosh291
Can you please assign me to work on this issue and can you please label this as a hactoberfest.

Please reply!
Thank you!