Fix(site): improve homepage responsiveness on smaller screens

[Prakash1185]

Problem

• Footer columns were not stacking properly on smaller screens
• Hero section social buttons were getting overflowed
• Header social icons were not centred
• Navigation tabs was not showing from the first link in smaller screens

Changes

• made the footer responsive for smaller screens.
• made the header social icons centred
• navigation tabs now starts from first link on smaller screens
• fixed the overflow issue of button in hero section
• added word wrap to terminal text to prevent overflow

Screenshots

Before	After

[Prakash1185]

Hi @nastra , @ajantha-bhat
This PR addresses the responsiveness of homepage on smaller screens.
Please take a look. Thank you.

[kevinjqliu]

thanks for the PR! the site formatting on mobile has been an annoyance for me.

is there a way we can structure the changes here so that its more maintainable?

[kevinjqliu]

these changes feel like "magic" to me. is there a more systemic approach to achieve the same result?

[Prakash1185]

Thanks for the feedback @kevinjqliu.

For this PR, I mainly used media queries targeting smaller breakpoints to address the layout issues along with some spacing adjustments.
For a more systemic approach, we could explore using grid-based layouts to improve responsiveness on smaller screens.