Navbar Social Icons Misaligned and Non-Functional on Mobile for Hacktoberfest2024 Website

[igniteking]

Is your feature request related to a problem? Please describe.
Yes, the navbar on the Hacktoberfest2024 website has two main issues:

1. The social media icons in the navbar are poorly aligned and do not blend well with the overall design, affecting the aesthetic.
2. On mobile devices, the navbar, including the social icons, is non-functional and does not respond when tapped, making it difficult to navigate the site.

Describe the solution you'd like
I would like to fix the alignment of the social media icons in the navbar so they appear clean and cohesive with the design. For mobile devices, the navbar should be responsive and functional, ensuring that users can easily navigate to different sections of the website.

Describe alternatives you've considered
I considered removing the social icons from the navbar altogether and placing them in the footer, but a properly functioning and aesthetically pleasing navbar is a more elegant solution.

Additional context
Attached are screenshots of the current social icons and the non-responsive navbar on mobile devices for better clarity. The issue affects the overall navigation experience on both desktop and mobile versions of the website.

[fineanmol]

@igniteking Please Star ⭐️ the repo to earn 'hacktober-accepted' label for the event.\nMeanwhile, if you want to work on this issue, please raise a PR, and we will review and merge it.

[igniteking]

I've raised a PR but it asks for read and write access to my private and public repo, that is not acceptable to me. So, please help me out with this!