Description:
To improve the visual pacing and create a more modern, immersive feel on the community page, each section should be standardized to a maximum height of 100vh (100% of the viewport height). This will give the page a "full-screen" feel as the user scrolls through different parts of the community hub.
NOTE: If a section requires additional space, the 100vh restriction can be removed specifically for that section.

Acceptance Criteria:

• Audit all top-level section components within the community page (src/app/community/page.tsx). This includes the Hero, About, Past Events, Upcoming Events, etc.
• Refactor the styling of each section to ensure its container has a max-height of 100vh. Use flexbox or grid properties to center the content vertically within this height.
• Sections with content that might naturally exceed this height (like a long list of past events) should be designed to fit if possible, or handle overflow gracefully. The goal is for the initial view of each section to feel contained and well-composed.
• Ensure all changes are fully responsive and function correctly on mobile, tablet, and desktop screens.