update imports & dependencies

src/pages/Channels/index.tsx

@@ -4,12 +4,11 @@ import { useState } from "react";
 import { Button, LayerIcon, LayerOutlineIcon, Tooltip } from "evergreen-ui";
 import { IoQrCodeOutline } from "react-icons/io5";
 
-import { QRDialog } from "@app/components/Dialog/QRDialog.js";
+import { QRDialog } from "@components/Dialog/QRDialog.js";
 import { TabbedContent, TabType } from "@components/layout/page/TabbedContent";
 import { useDevice } from "@core/providers/useDevice.js";
 import { Protobuf } from "@meshtastic/meshtasticjs";
-
-import { Channel } from "./Channel.js";
+import { Channel } from "@pages/Channels/Channel.js";
 
 export const ChannelsPage = (): JSX.Element => {
   const { channels, config } = useDevice();

src/pages/Config/AppConfig.tsx

@@ -3,7 +3,7 @@ import { useState } from "react";
 
 import { Pane, Tab, Tablist } from "evergreen-ui";
 
-import { ExternalNotification } from "@app/components/PageComponents/ModuleConfig/ExternalNotification.js";
+import { ExternalNotification } from "@components/PageComponents/ModuleConfig/ExternalNotification.js";
 import { MQTT } from "@components/PageComponents/ModuleConfig/MQTT.js";
 import { Serial } from "@components/PageComponents/ModuleConfig/Serial.js";
 

src/pages/Config/DeviceConfig.tsx

@@ -3,7 +3,7 @@ import { useState } from "react";
 
 import { Pane, Tab, Tablist } from "evergreen-ui";
 
-import { Bluetooth } from "@app/components/PageComponents/Config/Bluetooth.js";
+import { Bluetooth } from "@components/PageComponents/Config/Bluetooth.js";
 import { Device } from "@components/PageComponents/Config/Device.js";
 import { Display } from "@components/PageComponents/Config/Display.js";
 import { LoRa } from "@components/PageComponents/Config/LoRa.js";

src/pages/Config/ModuleConfig.tsx

@@ -3,8 +3,8 @@ import { useState } from "react";
 
 import { Pane, Tab, Tablist } from "evergreen-ui";
 
-import { ExternalNotification } from "@app/components/PageComponents/ModuleConfig/ExternalNotification.js";
 import { CannedMessage } from "@components/PageComponents/ModuleConfig/CannedMessage";
+import { ExternalNotification } from "@components/PageComponents/ModuleConfig/ExternalNotification.js";
 import { MQTT } from "@components/PageComponents/ModuleConfig/MQTT.js";
 import { RangeTest } from "@components/PageComponents/ModuleConfig/RangeTest.js";
 import { Serial } from "@components/PageComponents/ModuleConfig/Serial.js";

src/pages/Config/index.tsx

@@ -3,10 +3,9 @@ import type React from "react";
 import { ApplicationsIcon, CogIcon, CubeIcon } from "evergreen-ui";
 
 import { TabbedContent, TabType } from "@components/layout/page/TabbedContent";
-
-import { AppConfig } from "./AppConfig.js";
-import { DeviceConfig } from "./DeviceConfig.js";
-import { ModuleConfig } from "./ModuleConfig.js";
+import { AppConfig } from "@pages/Config/AppConfig.js";
+import { DeviceConfig } from "@pages/Config/DeviceConfig.js";
+import { ModuleConfig } from "@pages/Config/ModuleConfig.js";
 
 export const ConfigPage = (): JSX.Element => {
   const tabs: TabType[] = [

src/pages/Extensions/Index.tsx

@@ -4,10 +4,9 @@ import { DocumentIcon, GanttChartIcon, RainIcon } from "evergreen-ui";
 
 import { TabbedContent, TabType } from "@components/layout/page/TabbedContent";
 import { useDevice } from "@core/providers/useDevice.js";
+import { Environment } from "@pages/Extensions/Environment.js";
 import { FileBrowser } from "@pages/Extensions/FileBrowser";
 
-import { Environment } from "./Environment.js";
-
 export const ExtensionsPage = (): JSX.Element => {
   const { hardware } = useDevice();
 

src/pages/Messages/ChannelChat.tsx

@@ -14,9 +14,8 @@ import {
 
 import { useDevice } from "@core/providers/useDevice.js";
 import type { Channel } from "@core/stores/deviceStore.js";
-
-import { Message } from "./Message.js";
-import { NewLocationMessage } from "./NewLocationMessage.js";
+import { Message } from "@pages/Messages/Message.js";
+import { NewLocationMessage } from "@pages/Messages/NewLocationMessage.js";
 
 export interface ChannelChatProps {
   channel: Channel;

src/pages/Messages/LocationMessage.tsx

@@ -10,7 +10,7 @@ import {
   Text,
 } from "evergreen-ui";
 
-import { toMGRS } from "@app/core/utils/toMGRS.js";
+import { toMGRS } from "@core/utils/toMGRS.js";
 import type { Protobuf } from "@meshtastic/meshtasticjs";
 
 export interface LocationMessageProps {

src/pages/Messages/Message.tsx

@@ -13,8 +13,7 @@ import {
 import { useDevice } from "@core/providers/useDevice.js";
 import { Hashicon } from "@emeraldpay/hashicon-react";
 import type { Protobuf, Types } from "@meshtastic/meshtasticjs";
-
-import { LocationMessage } from "./LocationMessage.js";
+import { LocationMessage } from "@pages/Messages/LocationMessage.js";
 
 export interface MessageProps {
   lastMsgSameUser: boolean;

src/pages/Messages/NewLocationMessage.tsx

@@ -8,8 +8,8 @@ import {
   TextInputField,
 } from "evergreen-ui";
 
-import { renderOptions } from "@app/core/utils/selectEnumOptions.js";
 import { useDevice } from "@core/providers/useDevice.js";
+import { renderOptions } from "@core/utils/selectEnumOptions.js";
 import { Protobuf } from "@meshtastic/meshtasticjs";
 
 enum LocationType {