Add shareable Vite + React app for Pedagogical Friction visualization

[minerclass]

Motivation

• Provide a shareable, browser-renderable visualization of the Pedagogical Friction dissertation plan so it can be published on GitHub and run locally.
• Preserve the original UI content while improving accessibility and runtime safety (keyboard-accessible cards, safer font injection for SSR/CSR).

Description

• Scaffolded a lightweight Vite + React app and added index.html, package.json, .gitignore, src/main.jsx, and src/App.jsx implementing the tabbed single-page visualization.
• Implemented the data-driven UI (COLORS, FONTS, dimensions, litDomains, participants, phases, rqs, aiIndicators, timeline, deliverables) and components (Badge, accessible Card, per-tab views).
• Fixed a state-hook bug from the pasted snippet by using the proper setter (setActiveDomain) in LiteratureTab and moved Google Fonts injection into a useEffect to avoid SSR issues.
• Added README with local npm/vite run/build instructions.

Testing

• Attempted npm install to validate dependencies, but it failed with a 403 Forbidden from the npm registry due to environment/network policy, so package install/build could not be completed here.
• Verified repository state and commit: files were added and committed (git status clean and commit succeeded).
• No automated build or runtime tests executed due to the blocked npm registry access.

---

Codex Task