feat: implement wiki copy buttons (#35) and pathways tutorial pagination (#36)

[Aditya948351]

Resolves Issue #35 and Issue #36

This Pull Request provides a robust, state-of-the-art consolidated implementation to resolve two key developer experience and usability features:

1. Dynamic Wiki Code Block Copy Buttons (Resolves #35)

• Feature Details: Implemented client-side dynamic query selectors in the Wiki Page to automatically find all code block <pre>\ tags.
• Visual Enhancement: Dynamically wraps code blocks with a relative \code-wrapper\ container and inserts an absolute-positioned, sleek Copy button.
• Smooth Transition: Fades the copy button in on hover and updates it to a vibrant, emerald-themed Copied! state with a 2-second timeout upon click.
• Realistic Documentation: Added standard, readable code samples in wikiContent.tsx to serve as elegant examples.

2. Paginated Pathway Tutorial Wizard (Resolves #36)

• Feature Details: Refactored the RoadmapModal from a long scrollable list into a state-controlled, immersive step-by-step tutorial.
• Top Step Tracker: Rendered a modern, premium horizontal progress/step indicator that dynamically highlights completed and active steps.
• Boundary Checks: Implemented clean navigation buttons (Previous Step and Next Step) with robust boundary checks.
• Acceptance Criteria Matched:
  • Hides the Previous button on the first page.
  • Replaces the Next button on the final page with a premium Complete Pathway action.
• Gamified Success State: Successfully completing a pathway triggers the GamificationContext's XP award, granting +500 XP accompanied by a stunning floating trophy toast notification!

3. Asset Decodability Correction

• Replaced the corrupted, 134-byte placeholder \logo.png\ with a premium, newly generated high-fidelity asset, enabling successful production builds.

All tests, compilation steps, and static route optimizations have been thoroughly validated and built locally with absolute success.

[Copilot]

Pull request overview

This PR adds wiki code block copy affordances and turns the roadmap modal into a step-by-step pathway tutorial with completion XP rewards.

Changes:

• Adds sample <pre> code blocks to wiki articles for React and contribution commands.
• Adds dynamic client-side copy buttons for wiki code blocks.
• Refactors RoadmapModal into a paginated tutorial with progress steps, navigation, and completion XP.

Reviewed changes

Copilot reviewed 3 out of 8 changed files in this pull request and generated 4 comments.

File	Description
src/app/wiki/page.tsx	Adds DOM-based copy button injection for wiki code blocks.
src/data/wikiContent.tsx	Adds sample code snippets to wiki content.
src/components/resources/RoadmapModal.tsx	Converts roadmap display into a paginated tutorial with completion action.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.