updated css imports

client/src/App.tsx

@@ -3,16 +3,16 @@ import { BrowserRouter, Route, Routes } from 'react-router-dom'
 import { useEffect, useState } from 'react'
 
 // components
+import Home from './components/Home'
+import Navbar from './components/Nav/Navbar'
 import Register from './components/Auth/Register'
 import Login from './components/Auth/Login'
-import Home from './components/Home'
 
 // util
 import { SupabaseProvider, getSupabaseClient, useSupabase } from './supabase/SupabaseContext'
 import { initialState } from './util/initialState'
 import { AppState } from './util/types'
-import './App.css'
-import Navbar from './components/Nav/Navbar'
+import './App.scss'
 
 export default function App() {
   const [state, setState] = useState<AppState>(initialState);

client/src/components/Nav/Navbar.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { useSupabase } from "../../supabase/SupabaseContext"
-import "./Navbar.css";
+import "./Navbar.scss";
 
 export default function Navbar() {
     const [view, setView] = useState<JSX.Element>(<p>Loading...</p>);

client/src/main.tsx

@@ -1,5 +1,5 @@
 import ReactDOM from 'react-dom/client'
 import App from './App'
-import './index.css'
+import './index.scss'
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(<App />);