feat: Implement network battle and practice modes with question generation

- Added `questionGenerator.ts` for dynamic question generation based on difficulty levels.
- Created `NetworkBattle.vue` for real-time multiplayer gameplay using PeerJS.
- Developed `Practice.vue` for single-player practice sessions with score tracking and history.
- Updated `yarn.lock` to include new dependencies for PeerJS and message packing.
- Enhanced UI with responsive design and feedback animations for user interactions.

src/router/index.ts

@@ -17,6 +17,16 @@ const router = createRouter({
       // which is lazy-loaded when the route is visited.
       component: () => import('../views/AboutView.vue'),
     },
+    {
+      path: '/practice',
+      name: 'Practice',
+      component: () => import('../views/Practice.vue'),
+    },
+    {
+      path: '/network-battle',
+      name: 'NetworkBattle',
+      component: () => import('../views/NetworkBattle.vue'),
+    },
   ],
 })