Feat/issue 5 may 4th takeover

[theshantanujoshi]

This PR addresses Issue #5 by implementing a special "May the Fourth" (Star Wars Day) takeover for the landing page.

Key Changes:

• Themed Landing Page: On May 4th, the landing page tagline shifts to "May the Fourth be with you" and the Holocron brand glyph/crosshair adopt Yoda's lightsaber green.
• Special Banner: Added a tiny, dismissible MayTheFourthBanner that appears at the top of the page, offering a link to initialize a "random-vergence cross-pivot" (archive explorer).
• Takeover Components: Created a suite of takeover-aware components in components/MayTheFourth.tsx to handle the date logic and visual shifts.
• Hydration & Respect for Settings:
  • Uses client-side date detection to ensure the takeover is local to the user's timezone.
  • Correctly handles hydration to avoid server/client mismatches.
  • Respects prefers-reduced-motion settings.
• Persistence: The banner dismissal is persisted in sessionStorage for the duration of the session.

Verification:

I verified the implementation by mocking the date to May 4th in the local environment and confirming that the UI elements (tagline, brand glyph, banner, and crosshair) all update correctly. I also verified that the takeover is inactive on other days (e.g., today, May 13th).

Closes #5

[safedep]

SafeDep Report Summary

No dependency changes detected. Nothing to scan.

Installation is not linked with SafeDep Tenant. Click here to optionally link your GitHub App installation with SafeDep Tenant.

_{This report is generated by SafeDep Github App}

[adhit-r]

Holding this before merge. npm run typecheck passes, but git diff --check fails due to trailing whitespace and an extra blank line at EOF.

One behavior mismatch also needs cleanup: the CTA says “Initialize random-vergence cross-pivot”, but it only links to /explore. Please either implement the random selection/cross-pivot behavior or change the CTA copy to match what the link actually does.