ADD home page waffle

frontend/src/App.tsx

@@ -3,6 +3,7 @@ import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import MainLayout from './layouts/MainLayout';
 import ClipUpload from './pages/ClipUpload';
 import ClipEdit from './pages/ClipEdit';
+import Home from './pages/Home';
 import {useEffect} from "react";
 
 
@@ -15,7 +16,7 @@ function App() {
         <Router>
             <Routes>
                 <Route element={<MainLayout />}>
-                    <Route path="/" element={<h1>Main Page</h1>} />
+                    <Route path="/" element={<Home />} />
                     <Route path="/create" element={<ClipUpload />} />
                     <Route path="/create/:id" element={<ClipEdit />} />
                 </Route>