feat: implement global hotkeys (#604) and dynamic SEO metadata config for roadmaps (#607)

[shivani11jadhav]

⌨️ & 🚀 Pull Request Details for Hotkeys (#604) & Dynamic SEO Metadata (#607)

Description:
This consolidated PR implements a global keyboard shortcuts engine paired with an animated visual legend, alongside a fully dynamic server-side SEO Metadata configuration matrix for all dynamic roadmap curriculum tracks.

---

1. Keyboard Shortcuts & Accessibility Engine (#604)

• Centralized Hook (useKeyboardShortcuts.ts): Implements a window keydown matrix with strict active bounds tracking (document.activeElement) to safely isolate active inputs or textareas during user typing workflows.
• Global Map Execution Mappings:
  • Ctrl + K / Cmd + K: Toggles global search overlay utilizing local Zustand store boundaries.
  • Escape (Esc): Emits custom 'close-all-overlays' browser events caught reactively by Navbar.tsx and SkillTreeVisualizer.tsx to dismiss mobile drawers, side cards, and active menus.
  • ArrowLeft / ArrowRight: Sequentially cycles focus parameters across curriculum node selections in the skill tree dashboard layout.
  • ? (Shift + /): Spawns the Shortcut Help Guide layer.
• Premium Legend UI (ShortcutLegend.tsx): A glassmorphic float modal styled with deep slate tones and responsive toggle micro-interactions using framer-motion.

---

2. Advanced Dynamic SEO Metadata Engine (#607)

• Next.js 15+ Async Params Compliance: Refactored dynamic paths under src/app/roadmaps/[id]/page.tsx to handle route params strictly as an async Promise wrapper.
• Dynamic Meta Injector Layer: Implements standard server-side generateMetadata lifecycle triggers to output targeted title, description, and tailored OpenGraph/Twitter summary configurations based on active parameters.
• Static Export Handling: Injected generateStaticParams() pre-rendering bindings supporting clean static HTML compilation (output: 'export') for target routes with zero hydration drops.
• Fallbacks Interface Layer (ComingSoonRoadmap.tsx): Designed an elegant glassmorphic "Coming Soon" card layer with interactive email notification inputs for roadmap tracks pending backend asset releases.

---

Verification Check Suite:

• Successfully completed production suite compiling checks (npm run build).
• Next.js successfully generated all static pages cleanly with 0 compilation errors or TypeScript type-checking warnings.

Fixes #604
Fixes #607

[shivani11jadhav]

Hi @Aditya948351,

I have bundled the changes for both Issue #604 and Issue #607 into this single PR to prevent layout conflicts. The build passes perfectly, and the lint failure is just from pre-existing legacy files.

Please review and merge it. Thank you

[Aditya948351]

As it seems those two issues are made seems to be completely fine and also as you have solved two issues in this PR, I am adding a quality:exceptional label to this PR.