fix: improve homepage community section layout and upcoming events presentation (#2447)

[sarthaklole]

What kind of change does this PR introduce?

Bugfix / UI Layout Improvement

Issue Number:

• Closes Improve homepage community section layout and upcoming events presentation #2447

Screenshots/videos:

If relevant, did you update the documentation?

Not applicable.

Summary

On the JSON Schema homepage, the "Welcome to the JSON Schema Community" section previously rendered the upcoming events list directly inside the third grid column. Because the calendar can contain many recurring events over 12 weeks, the third column grew very tall, causing the Slack and Blog cards in columns 1 & 2 to stretch vertically and leave large empty gaps.

This PR restructures the section layout:

1. Balanced Cards Grid: Isolates the Community Meetings & Office Hours card in the 3-column grid so all three cards (Slack, Blog, Community Meetings) maintain uniform, natural height without excessive whitespace.
2. Horizontal Events Section: Moves the upcoming events into a dedicated horizontal scroll container below the cards (overflow-x-auto snap-x). Includes event date badges, truncated titles, time, timezone, and a direct "View Calendar" button.
3. Theme Compatibility: Fully compatible with both Light mode and Dark mode (dark:bg-slate-800, dark:text-slate-200, dark:border-slate-700).

Does this PR introduce a breaking change?

No.

Checklist

Please ensure the following tasks are completed before submitting this pull request.

• Read, understood, and followed the contributing guidelines.

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
website	✅ Ready (View Log)	Visit Preview	e639065

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.00%. Comparing base (d0f61e9) to head (e639065).

Additional details and impacted files

@@            Coverage Diff            @@
##              main     #2479   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           31        31           
  Lines          695       695           
  Branches       215       215           
=========================================
  Hits           695       695           

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.