Add frontend branding and metadata cleanup task

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

.beans/nuzlocke-tracker-xvaw--clean-up-frontend-branding-and-metadata.md

@@ -0,0 +1,34 @@
+---
+# nuzlocke-tracker-xvaw
+title: Clean up frontend branding and metadata
+status: todo
+type: task
+created_at: 2026-02-10T09:36:24Z
+updated_at: 2026-02-10T09:36:24Z
+---
+
+The frontend currently uses all Vite defaults — generic title, Vite favicon, no manifest, no meta tags. Clean it up so it looks polished and professional as "Nuzlocke Tracker".
+
+## Current State
+
+- Page title: "frontend" (Vite default)
+- Favicon: `/vite.svg` (Vite logo)
+- No `manifest.json` / `site.webmanifest`
+- No meta description or Open Graph tags
+- No theme-color meta tag
+- `package.json` name is "frontend"
+- Default `react.svg` sitting unused in `src/assets/`
+
+## Checklist
+
+- [ ] Design or source a proper favicon (Pokeball-themed or similar, in SVG + PNG formats)
+- [ ] Add favicon files to `public/` (favicon.ico, favicon.svg, apple-touch-icon.png, favicon-16x16.png, favicon-32x32.png)
+- [ ] Update `index.html` title from "frontend" to "Nuzlocke Tracker"
+- [ ] Add meta description tag (e.g. "Track your Nuzlocke challenge runs across all Pokemon games")
+- [ ] Add theme-color meta tag matching the app's primary color
+- [ ] Add Open Graph meta tags (og:title, og:description, og:type) for link previews
+- [ ] Create a `site.webmanifest` with app name, short_name, icons, theme_color, background_color
+- [ ] Link the manifest in `index.html`
+- [ ] Remove unused default assets (`public/vite.svg`, `src/assets/react.svg`)
+- [ ] Update `package.json` name from "frontend" to "nuzlocke-tracker" (or "nuzlocke-tracker-frontend")
+- [ ] Consider adding dynamic page titles per route (e.g. "Runs | Nuzlocke Tracker") — optional stretch goal