Fix build

src/index.css → src/main.css

@@ -19,17 +19,16 @@
         @apply border-2 border-green-500
     }
 
-    @variants responsive {
-        /* Hide scrollbar for Chrome, Safari, and Opera */
-        .no-scrollbar::-webkit-scrollbar {
-            display: none;
-        }
-
-
-        /* Hide scrollbar for IE, Edge, and Firefox */
-        .no-scrollbar {
-            -ms-overflow-style: none; /* IE and Edge */
-            scrollbar-width: none; /* Firefox */
-        }
+    /* Hide scrollbar for Chrome, Safari, and Opera */
+    .no-scrollbar::-webkit-scrollbar {
+        display: none;
     }
+
+
+    /* Hide scrollbar for IE, Edge, and Firefox */
+    .no-scrollbar {
+        -ms-overflow-style: none; /* IE and Edge */
+        scrollbar-width: none; /* Firefox */
+    }
+
 }

src/main.tsx

@@ -1,10 +1,10 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 import {App} from './App.tsx'
-import './index.css'
+import './main.css'
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
+    <React.StrictMode>
+        <App/>
+    </React.StrictMode>,
 )

src/pages/Home.tsx

@@ -1,10 +1,10 @@
-import {useParams} from 'react-router-dom'
+// import {useParams} from 'react-router-dom'
 import {Linear} from "../components/Linear.tsx";
 import {Guide} from "../panels/Guide.tsx";
 import {Configuration} from "../panels/Configuration.tsx";
 import {Generator} from "../panels/Generator.tsx";
 
-export const Home  = () => {
+export const Home = () => {
 
     // const params = useParams();