clenup import paths

src/pages/Channels.tsx

@@ -1,8 +1,8 @@
 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/Button.js";
-import { TabbedContent, TabType } from "@components/layout/page/TabbedContent";
+import { Button } from "@components/form/Button.js";
 import { useDevice } from "@core/providers/useDevice.js";
 import {
   ArrowDownOnSquareStackIcon,

src/pages/Config/index.tsx

@@ -1,6 +1,6 @@
 import type React from "react";
 
-import { TabbedContent, TabType } from "@components/layout/page/TabbedContent";
+import { TabbedContent, TabType } from "@app/components/generic/TabbedContent";
 import {
   Cog8ToothIcon,
   CubeTransparentIcon,

src/pages/Extensions/Index.tsx

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

src/pages/Info.tsx

@@ -6,7 +6,7 @@ import { JSONTree } from "react-json-tree";
 import {
   TabbedContent,
   TabType
-} from "@app/components/layout/page/TabbedContent.js";
+} from "@app/components/generic/TabbedContent.js";
 import { useDevice } from "@core/providers/useDevice.js";
 import { EyeIcon } from "@heroicons/react/24/outline";
 
@@ -21,6 +21,11 @@ export const InfoPage = (): JSX.Element => {
   });
 
   const tabs: TabType[] = [
+    {
+      name: "Hardware",
+      icon: <EyeIcon className="h-4" />,
+      element: () => <JSONTree theme="monokai" data={hardware} />
+    },
     {
       name: "Config",
       icon: <EyeIcon className="h-4" />,
@@ -31,11 +36,7 @@ export const InfoPage = (): JSX.Element => {
       icon: <EyeIcon className="h-4" />,
       element: () => <JSONTree theme="monokai" data={moduleConfig} />
     },
-    {
-      name: "Hardware",
-      icon: <EyeIcon className="h-4" />,
-      element: () => <JSONTree theme="monokai" data={hardware} />
-    },
+
     {
       name: "Nodes",
       icon: <EyeIcon className="h-4" />,

src/pages/Logs.tsx

@@ -1,7 +1,7 @@
 import type React from "react";
 import { useEffect, useState } from "react";
 
-import { Mono } from "@app/components/Mono.js";
+import { Mono } from "@app/components/generic/Mono.js";
 import { useDevice } from "@core/providers/useDevice.js";
 import { Protobuf, Types } from "@meshtastic/meshtasticjs";
 

src/pages/Map.tsx

@@ -23,6 +23,11 @@ export const MapPage = (): JSX.Element => {
         maxPitch={0}
         dragRotate={false}
         touchZoomRotate={false}
+        initialViewState={{
+          zoom: 10,
+          latitude: -38,
+          longitude: 145
+        }}
       >
         <MapControlls />
         {waypoints.map((wp) => (

src/pages/Messages.tsx

@@ -1,10 +1,10 @@
 import type React from "react";
 
-import { IconButton } from "@app/components/IconButton.js";
+import { IconButton } from "@app/components/form/IconButton.js";
 import {
   TabbedContent,
   TabType
-} from "@components/layout/page/TabbedContent.js";
+} from "@app/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

@@ -3,8 +3,8 @@ import type React from "react";
 import toast from "react-hot-toast";
 import { base16 } from "rfc4648";
 
-import { IconButton } from "@app/components/IconButton.js";
-import { Mono } from "@app/components/Mono.js";
+import { IconButton } from "@app/components/form/IconButton.js";
+import { Mono } from "@app/components/generic/Mono.js";
 import { useDevice } from "@core/providers/useDevice.js";
 import { Hashicon } from "@emeraldpay/hashicon-react";
 import {