Add router & other changes

src/App.scss

@@ -1,6 +1,6 @@
-@use "tailwindcss" as *;
-@use "@fontsource/roboto" as *;
+@use 'tailwindcss' as *;
+@use '@fontsource/roboto' as *;
 
 body {
-  font-family: "Roboto", sans-serif;
+  font-family: 'Roboto', sans-serif;
 }

src/App.tsx

@@ -1,11 +1,13 @@
-import "./App.scss";
+import { HashRouter, Route, Routes } from 'react-router-dom'
+import './App.scss'
+import Home from './routes/Home'
 
-function App() {
+export default function App () {
   return (
-    <main className="container">
-      <p>Berry Dash Manager</p>
-    </main>
-  );
+    <HashRouter>
+      <Routes>
+        <Route path='/' element={<Home />} />
+      </Routes>
+    </HashRouter>
+  )
 }
-
-export default App;

src/main.tsx

@@ -1,9 +1,9 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import App from "./App";
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App'
 
-ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-);
+  </React.StrictMode>
+)

src/routes/Home.tsx

@@ -0,0 +1,3 @@
+export default function Home () {
+  return <p>Berry Dash Manager</p>
+}