update imports & dependencies

src/components/Progress.tsx

@@ -39,7 +39,6 @@ export const Progress = (): JSX.Element => {
     hardware.myNodeNum,
     setReady,
   ]);
-
   return (
     <Pane
       display="flex"

src/components/SlideSheets/NewDevice.tsx

@@ -12,10 +12,10 @@ import {
 } from "evergreen-ui";
 import { FiBluetooth, FiTerminal, FiWifi } from "react-icons/fi";
 
-import type { TabType } from "../layout/page/TabbedContent.js";
-import { BLE } from "./tabs/connect/BLE.js";
-import { HTTP } from "./tabs/connect/HTTP.js";
-import { Serial } from "./tabs/connect/Serial.js";
+import type { TabType } from "@components/layout/page/TabbedContent.js";
+import { BLE } from "@components/SlideSheets/tabs/connect/BLE.js";
+import { HTTP } from "@components/SlideSheets/tabs/connect/HTTP.js";
+import { Serial } from "@components/SlideSheets/tabs/connect/Serial.js";
 
 export interface NewDeviceProps {
   open: boolean;

src/components/SlideSheets/PeerInfo.tsx

@@ -3,16 +3,15 @@ import { useEffect, useState } from "react";
 
 import { GeolocationIcon, Pane, PropertyIcon, SideSheet } from "evergreen-ui";
 
+import { SlideSheetTabbedContent } from "@components/layout/page/SlideSheetTabbedContent.js";
+import type { TabType } from "@components/layout/page/TabbedContent.js";
+import { Location } from "@components/SlideSheets/tabs/nodes/Location.js";
+import { Overview } from "@components/SlideSheets/tabs/nodes/Overview.js";
 import { useDevice } from "@core/providers/useDevice.js";
 import type { Node } from "@core/stores/deviceStore.js";
 import { Hashicon } from "@emeraldpay/hashicon-react";
 import { Protobuf } from "@meshtastic/meshtasticjs";
 
-import { SlideSheetTabbedContent } from "../layout/page/SlideSheetTabbedContent.js";
-import type { TabType } from "../layout/page/TabbedContent.js";
-import { Location } from "./tabs/nodes/Location.js";
-import { Overview } from "./tabs/nodes/Overview.js";
-
 export const PeerInfo = () => {
   const { peerInfoOpen, activePeer, setPeerInfoOpen, nodes } = useDevice();
   const [node, setNode] = useState<Node | undefined>();

src/components/SlideSheets/tabs/connect/BLE.tsx

@@ -4,14 +4,13 @@ import { useCallback, useEffect, useState } from "react";
 import { Button, majorScale, Pane } from "evergreen-ui";
 import { FiPlusCircle } from "react-icons/fi";
 
-import { useAppStore } from "@app/core/stores/appStore.js";
-import { useDeviceStore } from "@app/core/stores/deviceStore.js";
-import { subscribeAll } from "@app/core/subscriptions.js";
-import { randId } from "@app/core/utils/randId.js";
+import type { CloseProps } from "@components/SlideSheets/NewDevice.js";
+import { useAppStore } from "@core/stores/appStore.js";
+import { useDeviceStore } from "@core/stores/deviceStore.js";
+import { subscribeAll } from "@core/subscriptions.js";
+import { randId } from "@core/utils/randId.js";
 import { Constants, IBLEConnection } from "@meshtastic/meshtasticjs";
 
-import type { CloseProps } from "../../NewDevice.js";
-
 export const BLE = ({ close }: CloseProps): JSX.Element => {
   const [bleDevices, setBleDevices] = useState<BluetoothDevice[]>([]);
   const { addDevice } = useDeviceStore();

src/components/SlideSheets/tabs/connect/HTTP.tsx

@@ -4,10 +4,10 @@ import { Button, majorScale, Pane, TextInputField } from "evergreen-ui";
 import { useForm } from "react-hook-form";
 import { FiPlusCircle } from "react-icons/fi";
 
-import { useAppStore } from "@app/core/stores/appStore.js";
-import { useDeviceStore } from "@app/core/stores/deviceStore.js";
-import { subscribeAll } from "@app/core/subscriptions.js";
-import { randId } from "@app/core/utils/randId.js";
+import { useAppStore } from "@core/stores/appStore.js";
+import { useDeviceStore } from "@core/stores/deviceStore.js";
+import { subscribeAll } from "@core/subscriptions.js";
+import { randId } from "@core/utils/randId.js";
 import { IHTTPConnection } from "@meshtastic/meshtasticjs";
 
 export interface HTTPProps {

src/components/SlideSheets/tabs/connect/Serial.tsx

@@ -4,14 +4,13 @@ import { useCallback, useEffect, useState } from "react";
 import { Button, majorScale, Pane } from "evergreen-ui";
 import { FiPlusCircle } from "react-icons/fi";
 
-import { useAppStore } from "@app/core/stores/appStore.js";
-import { subscribeAll } from "@app/core/subscriptions.js";
+import type { CloseProps } from "@components/SlideSheets/NewDevice.js";
+import { useAppStore } from "@core/stores/appStore.js";
 import { useDeviceStore } from "@core/stores/deviceStore.js";
+import { subscribeAll } from "@core/subscriptions.js";
 import { randId } from "@core/utils/randId.js";
 import { ISerialConnection } from "@meshtastic/meshtasticjs";
 
-import type { CloseProps } from "../../NewDevice.js";
-
 interface USBID {
   id: number;
   name: string;

src/components/SlideSheets/tabs/nodes/Location.tsx

@@ -3,7 +3,7 @@ import type React from "react";
 import { Pane } from "evergreen-ui";
 import JSONPretty from "react-json-pretty";
 
-import type { Node } from "@app/core/stores/deviceStore.js";
+import type { Node } from "@core/stores/deviceStore.js";
 
 export interface LocationProps {
   node?: Node;

src/components/SlideSheets/tabs/nodes/Overview.tsx

@@ -3,7 +3,7 @@ import type React from "react";
 import { Pane } from "evergreen-ui";
 import JSONPretty from "react-json-pretty";
 
-import type { Node } from "@app/core/stores/deviceStore.js";
+import type { Node } from "@core/stores/deviceStore.js";
 
 export interface OverviewProps {
   node?: Node;

src/components/layout/Sidebar/DeviceCard.tsx

@@ -10,8 +10,8 @@ import {
 } from "evergreen-ui";
 import { FiBluetooth, FiTerminal, FiWifi } from "react-icons/fi";
 
-import { toMGRS } from "@app/core/utils/toMGRS.js";
 import { useDevice } from "@core/providers/useDevice.js";
+import { toMGRS } from "@core/utils/toMGRS.js";
 import { Hashicon } from "@emeraldpay/hashicon-react";
 import { Types } from "@meshtastic/meshtasticjs";
 

src/components/layout/Sidebar/index.tsx

@@ -16,7 +16,7 @@ import {
   Tablist,
 } from "evergreen-ui";
 
-import { PeersDialog } from "@app/components/Dialog/PeersDialog.js";
+import { PeersDialog } from "@components/Dialog/PeersDialog.js";
 import { useDevice } from "@core/providers/useDevice.js";
 import type { Page } from "@core/stores/deviceStore.js";