Start moduleConfig & general import cleanup

src/pages/Channels.tsx

@@ -1,8 +1,5 @@
-import type React from "react";
-
-import { TabbedContent, TabType } from "@app/components/generic/TabbedContent";
-import { Channel } from "@app/components/PageComponents/Channel.js";
-import { Button } from "@components/form/Button.js";
+import { TabbedContent, TabType } from "@components/generic/TabbedContent";
+import { Channel } from "@components/PageComponents/Channel.js";
 import { useDevice } from "@core/providers/useDevice.js";
 import {
   ArrowDownOnSquareStackIcon,

src/pages/Config/AppConfig.tsx

@@ -1,6 +1,4 @@
-import type React from "react";
 import { Fragment } from "react";
-
 import { Map } from "@components/PageComponents/AppConfig/Map.js";
 import { Tab } from "@headlessui/react";
 

src/pages/Config/DeviceConfig.tsx

@@ -1,7 +1,5 @@
-import type React from "react";
 import { Fragment } from "react";
-
-import { Network } from "@app/components/PageComponents/Config/Network.js";
+import { Network } from "@components/PageComponents/Config/Network.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";
@@ -12,7 +10,7 @@ import { User } from "@components/PageComponents/Config/User.js";
 import { useDevice } from "@core/providers/useDevice.js";
 import { Tab } from "@headlessui/react";
 import { ChevronRightIcon, HomeIcon } from "@heroicons/react/24/outline";
-import { Button } from "@app/components/form/Button.js";
+import { Button } from "@components/form/Button.js";
 import { CheckIcon } from "@primer/octicons-react";
 
 export const DeviceConfig = (): JSX.Element => {

src/pages/Config/ModuleConfig.tsx

@@ -1,7 +1,5 @@
-import type React from "react";
 import { Fragment } from "react";
-
-import { Audio } from "@app/components/PageComponents/ModuleConfig/Audio.js";
+import { Audio } from "@components/PageComponents/ModuleConfig/Audio.js";
 import { CannedMessage } from "@components/PageComponents/ModuleConfig/CannedMessage";
 import { ExternalNotification } from "@components/PageComponents/ModuleConfig/ExternalNotification.js";
 import { MQTT } from "@components/PageComponents/ModuleConfig/MQTT.js";

src/pages/Config/index.tsx

@@ -1,8 +1,5 @@
-import type React from "react";
-
-import { Button } from "@app/components/form/Button.js";
-import { TabbedContent, TabType } from "@app/components/generic/TabbedContent";
-import { useDevice } from "@app/core/providers/useDevice.js";
+import { TabbedContent, TabType } from "@components/generic/TabbedContent";
+import { useDevice } from "@core/providers/useDevice.js";
 import {
   Cog8ToothIcon,
   CubeTransparentIcon,

src/pages/Extensions/Environment.tsx

@@ -1,5 +1,3 @@
-import type React from "react";
-
 import { useDevice } from "@core/providers/useDevice.js";
 
 export const Environment = (): JSX.Element => {

src/pages/Extensions/FileBrowser.tsx

@@ -1,4 +1,3 @@
-import type React from "react";
 import { useEffect, useState } from "react";
 
 export interface File {

src/pages/Extensions/Index.tsx

@@ -1,6 +1,4 @@
-import type React from "react";
-
-import { TabbedContent, TabType } from "@app/components/generic/TabbedContent";
+import { TabbedContent, TabType } from "@components/generic/TabbedContent";
 import { useDevice } from "@core/providers/useDevice.js";
 import {
   CloudIcon,

src/pages/Map.tsx

@@ -1,10 +1,7 @@
-import type React from "react";
-
 import maplibregl from "maplibre-gl";
 import { Layer, Map, Marker, Source } from "react-map-gl";
-
-import { MapControlls } from "@app/components/PageComponents/Map/MapControlls.js";
-import { useAppStore } from "@app/core/stores/appStore.js";
+import { MapControlls } from "@components/PageComponents/Map/MapControlls.js";
+import { useAppStore } from "@core/stores/appStore.js";
 import { useDevice } from "@core/providers/useDevice.js";
 import { Hashicon } from "@emeraldpay/hashicon-react";
 import { MapPinIcon } from "@heroicons/react/24/outline";

src/pages/Messages.tsx

@@ -1,10 +1,4 @@
-import type React from "react";
-
-import { IconButton } from "@app/components/form/IconButton.js";
-import {
-  TabbedContent,
-  TabType
-} from "@app/components/generic/TabbedContent.js";
+import { TabbedContent, TabType } from "@components/generic/TabbedContent.js";
 import { ChannelChat } from "@components/PageComponents/Messages/ChannelChat.js";
 import { useDevice } from "@core/providers/useDevice.js";
 import { PencilIcon } from "@heroicons/react/24/outline";

src/pages/Peers.tsx

@@ -1,7 +1,4 @@
-import type React from "react";
-
 import { base16 } from "rfc4648";
-
 import { Mono } from "@components/generic/Mono.js";
 import { Table } from "@components/generic/Table";
 import { TimeAgo } from "@components/generic/Table/tmp/TimeAgo.js";