Add SVG favicon matching logo design

Creates a scalable favicon with the same design as the header logo:
dark background with coral-colored circle, grid lines, and center dot.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

backend/app.py

@@ -589,6 +589,12 @@ async def reload_data(
 # =============================================================================
 
 
+@app.get("/favicon.svg")
+async def favicon():
+    """Serve favicon."""
+    return FileResponse(settings.frontend_dir / "favicon.svg", media_type="image/svg+xml")
+
+
 @app.get("/robots.txt")
 async def robots_txt():
     """Serve robots.txt for search engine crawlers."""

frontend/favicon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="40" height="40" rx="8" fill="#1a1612"/>
+  <circle cx="20" cy="20" r="14" stroke="#e07256" stroke-width="2"/>
+  <path d="M20 8L20 32M12 14L28 14M10 20L30 20M12 26L28 26" stroke="#e07256" stroke-width="1.5" stroke-linecap="round"/>
+  <circle cx="20" cy="20" r="3" fill="#e07256"/>
+</svg>

frontend/index.html

@@ -11,6 +11,9 @@
     <meta name="author" content="SchoolCompare">
     <meta name="robots" content="index, follow">
 
+    <!-- Favicon -->
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+
     <!-- Canonical -->
     <link rel="canonical" href="https://schoolcompare.co.uk/">