feat: set the routes and the base structure for the auth

client/src/App.tsx

@@ -1,7 +1,9 @@
+import { Routes } from './Routes';
+
 function App() {
   return (
     <>
-      <h2 className="underline text-2xl bg-teal-300">Tailwind ON</h2>
+      <Routes />
     </>
   );
 }

client/src/Routes.tsx

@@ -0,0 +1,35 @@
+import Home from './pages/home';
+import { Routes as ReactRoutes, Route } from 'react-router';
+
+export enum PublicRoutesEnum {
+  Home = '/',
+}
+
+export enum AuthRoutesEnum {
+  Login = '/login',
+  SignUp = '/signup',
+  Welcome = '/welcome',
+}
+
+export enum PrivateRoutesEnum {}
+
+export function Routes() {
+  return (
+    <ReactRoutes>
+      {/* {user ? PrivateRoutes.map((route) => route) : AuthRoutes.map((route) => route)} */}
+      {PublicRoutes.map((route) => route)}
+    </ReactRoutes>
+  );
+}
+
+const _PrivateRoutes: JSX.Element[] = [];
+
+const _AuthRoutes: JSX.Element[] = [];
+
+const PublicRoutes = [
+  <Route
+    key={PublicRoutesEnum.Home}
+    path={PublicRoutesEnum.Home}
+    Component={Home}
+  />,
+];

client/src/main.tsx

@@ -2,10 +2,13 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App.tsx';
 import './main.css';
+import { BrowserRouter } from 'react-router-dom';
 
 // biome-ignore lint/style/noNonNullAssertion: <explanation>
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <App />
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
   </React.StrictMode>,
 );

client/src/pages/home.tsx

@@ -0,0 +1,7 @@
+export default function Home() {
+  return (
+    <>
+      <h1 className="text-black text-4xl">Home</h1>
+    </>
+  );
+}