Add theming boilerplate

src/main.tsx

@@ -2,9 +2,13 @@ import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import './index.css'
 import App from './App.tsx'
+import { CssVarsProvider } from '@mui/joy'
+import theme from "./theme.ts";
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <App />
+      <CssVarsProvider theme={theme}>
+          <App />
+      </CssVarsProvider>;
   </StrictMode>,
 )