chore: Rename project from WebTriviasMulti to Trivy

- Update all code references to new name
- Rename design document
- Update package.json
- Update frontend titles and branding

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

frontend/index.html

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="WebTriviasMulti - Trivia multiplayer en tiempo real" />
-    <title>WebTriviasMulti</title>
+    <meta name="description" content="Trivy - Trivia multiplayer en tiempo real" />
+    <title>Trivy</title>
     <!-- Fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

frontend/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "webtriviasmulti-frontend",
+  "name": "trivy-frontend",
   "private": true,
   "version": "1.0.0",
   "type": "module",

frontend/public/sounds/README.md

@@ -1,4 +1,4 @@
-# Sound Assets for WebTriviasMulti
+# Sound Assets for Trivy
 
 This directory contains theme-specific sound effects for the trivia game.
 

frontend/src/pages/Home.tsx

@@ -59,9 +59,9 @@ export default function Home() {
         <h1
           className={`text-4xl md:text-6xl font-bold mb-2 ${styles.glowEffect}`}
           style={{ color: config.colors.primary, fontFamily: config.fonts.heading }}
-          data-text="WebTriviasMulti"
+          data-text="Trivy"
         >
-          WebTriviasMulti
+          Trivy
         </h1>
         <p style={styles.textSecondary}>Trivia multiplayer en tiempo real</p>
       </motion.div>

frontend/src/pages/admin/AdminLayout.tsx

@@ -35,7 +35,7 @@ export default function AdminLayout() {
       {/* Sidebar */}
       <aside className="w-64 bg-gray-800 p-4 flex flex-col">
         <div className="mb-8">
-          <h1 className="text-xl font-bold text-white">WebTriviasMulti</h1>
+          <h1 className="text-xl font-bold text-white">Trivy</h1>
           <p className="text-gray-400 text-sm">Admin Panel</p>
         </div>