refactor: its phaser time

Author: maxliu42

package-lock.json

@@ -1,31 +1,29 @@
-{
-  "name": "bee-ware",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "konva": "^9.3.18",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-konva": "^19.0.3",
-    "react-konva-utils": "^1.1.0"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.21.0",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.21.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "globals": "^15.15.0",
-    "vite": "^6.2.0"
-  }
-}
+{
+  "name": "bee-ware",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "phaser": "^3.88.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.21.0",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.21.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "globals": "^15.15.0",
+    "vite": "^6.2.0"
+  }
+}

package.json

@@ -1,17 +1,14 @@
 import React from 'react';
 import './App.css';
 import Game from './components/Game';
-import headerImage from './assets/images/beeware-header.png';
-import borderImage from './assets/images/beeware-border.png';
-import BackgroundEffects from './components/background/BackgroundEffects';
-import './components/background/OrbAnimations.css';
+
+// Define public paths for images
+const headerImage = '/bee-ware/assets/images/beeware-header.png';
+const borderImage = '/bee-ware/assets/images/beeware-border.png';
 
 const App: React.FC = () => {
   return (
     <div className="App">
-      {/* Background effects rendered as React components */}
-      <BackgroundEffects />
-      
       <main>
         <div className="game-border-container">
           <img