clenup import paths

src/components/NewDevice.tsx

@@ -1,14 +1,14 @@
-import React, { useState } from "react";
+import React from "react";
 
 import { FiBluetooth, FiTerminal, FiWifi } from "react-icons/fi";
 
-import { TabbedContent, TabType } from "./layout/page/TabbedContent.js";
-import { BLE } from "./PageComponents/Connect/BLE.js";
-import { HTTP } from "./PageComponents/Connect/HTTP.js";
-import { Serial } from "./PageComponents/Connect/Serial.js";
+import { TabbedContent, TabType } from "@components/generic/TabbedContent.js";
+import { BLE } from "@components/PageComponents/Connect/BLE.js";
+import { HTTP } from "@components/PageComponents/Connect/HTTP.js";
+import { Serial } from "@components/PageComponents/Connect/Serial.js";
 
 export const NewDevice = () => {
-  const [tabs, _setTabs] = useState<TabType[]>([
+  const tabs: TabType[] = [
     {
       name: "BLE",
       icon: <FiBluetooth className="h-4" />,
@@ -34,7 +34,7 @@ export const NewDevice = () => {
       disabledMessage:
         "WebSerial is currently only supported by Chromium based browsers: https://developer.mozilla.org/en-US/docs/Web/API/Web_Bluetooth_API#browser_compatibility"
     }
-  ]);
+  ];
 
   return (
     <div className="m-auto h-96 w-96">