Not sure what happened here...

frontend/src/App.tsx

@@ -3,6 +3,7 @@ import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import TrackerPage from './components/tracker/TrackerPage';
 import StatsPage from './components/stats/StatsPage';
 import Navbar from './components/Navbar';
+import Playground from './components/Playground';
 
 function App() {
   return (
@@ -13,6 +14,7 @@ function App() {
           <Routes>
             <Route path="/" element={<TrackerPage />} />
             <Route path="/stats" element={<StatsPage />} />
+            <Route path="/playground" element={<Playground />} />
           </Routes>
         </main>
       </div>