Moving to better absoulte paths with @ syntax

client/src/App.tsx

@@ -1,6 +1,6 @@
-import "/src/App.css";
+import "@/App.css";
-import { About } from "./pages/about";
+import { About } from "@/pages/about";
-import { Root } from "./pages/root";
+import { Root } from "@/pages/root";
 import { BrowserRouter, Route, Routes } from "react-router";
 
 export function App() {

client/src/components/header/index.tsx

@@ -1,4 +1,4 @@
-import "/src/App.css";
+import "@/App.css";
 import "./header.css";
 import { Nav } from "./nav";
 

client/src/index.tsx

@@ -1,11 +1,11 @@
-import { createRoot } from 'react-dom/client';
+import { createRoot } from "react-dom/client";
-import { StrictMode } from 'react';
+import { StrictMode } from "react";
-import { App } from './App';
+import { App } from "@/App";
 
 let container = document.getElementById("app")!;
-let root = createRoot(container)
+let root = createRoot(container);
 root.render(
   <StrictMode>
     <App />
-  </StrictMode>
+  </StrictMode>,
 );

client/src/pages/about.tsx

@@ -1,5 +1,5 @@
-import { Page } from "/src/pages/page";
+import { Page } from "@/pages/page";
-import "/src/App.css";
+import "@/App.css";
 
 export function About() {
   return (

client/src/pages/root.tsx

@@ -1,5 +1,5 @@
-import { Page } from "/src/pages/page";
+import { Page } from "./page";
-import "/src/App.css";
+import "@/App.css";
 
 export function Root() {
   return (