Body Page (#1)

package.json

@@ -9,11 +9,14 @@
   },
   "dependencies": {
     "@apollo/client": "^3.6.9",
+    "@vime/core": "^5.3.1",
+    "@vime/react": "^5.3.1",
     "date-fns": "^2.28.0",
     "graphql": "^16.5.0",
     "phosphor-react": "^1.4.1",
     "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react-dom": "^18.0.0",
+    "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",

src/Pages/Event.tsx

@@ -1,13 +1,13 @@
 import { Header } from "../components/Header";
-import { Player } from "../components/Player";
+import { Video } from "../components/Video";
 import { SideBar } from "../components/SideBar";
 
 export function Event() {
     return (
         <div className="flex flex-col min-h-screen">
             <Header />
             <main className="flex flex-1">
-                <Player />
+                <Video />
                 <SideBar />
             </main>
         </div>

src/components/Footer.tsx

@@ -0,0 +1,5 @@
+export function Footer() {
+    return (
+        <div></div>
+    )
+}