Consolidate forms & other minor fixes

src/pages/Extensions/Debug.tsx

@@ -1,8 +1,8 @@
 import type React from 'react';
 
-import { Button } from '@app/components/generic/button/Button';
-import { Card } from '@app/components/generic/Card';
-import { connection } from '@app/core/connection.js';
+import { Button } from '@components/generic/button/Button';
+import { Card } from '@components/generic/Card';
+import { connection } from '@core/connection';
 import { useAppSelector } from '@hooks/useAppSelector';
 
 export const Debug = (): JSX.Element => {

src/pages/Extensions/FileBrowser.tsx

@@ -4,8 +4,8 @@ import { AnimatePresence, m } from 'framer-motion';
 import { FiFilePlus } from 'react-icons/fi';
 import useSWR from 'swr';
 
-import { Button } from '@app/components/generic/button/Button';
-import { Card } from '@app/components/generic/Card';
+import { Button } from '@components/generic/button/Button';
+import { Card } from '@components/generic/Card';
 import { fetcher } from '@core/utils/fetcher';
 import { useAppSelector } from '@hooks/useAppSelector';
 

src/pages/Extensions/Index.tsx

@@ -8,12 +8,11 @@ import { VscDebug, VscExtensions } from 'react-icons/vsc';
 
 import { ExternalSection } from '@components/generic/Sidebar/ExternalSection';
 import { Layout } from '@components/layout';
+import { Debug } from '@pages/Extensions/Debug';
 import { FileBrowser } from '@pages/Extensions/FileBrowser';
 import { Info } from '@pages/Extensions/Info';
 import { Logs } from '@pages/Extensions/Logs';
 
-import { Debug } from './Debug';
-
 export const Extensions = (): JSX.Element => {
   const [selectedExtension, setSelectedExtension] = useState<
     'info' | 'logs' | 'fileBrowser' | 'rangeTest' | 'debug'
@@ -24,7 +23,7 @@ export const Extensions = (): JSX.Element => {
       title="Extensions"
       icon={<VscExtensions />}
       sidebarContents={
-        <div className="absolute flex h-full w-full flex-col dark:bg-primaryDark">
+        <div className="absolute flex w-full flex-col dark:bg-primaryDark">
           <ExternalSection
             onClick={(): void => {
               setSelectedExtension('info');

src/pages/Extensions/Info.tsx

@@ -3,9 +3,9 @@ import type React from 'react';
 import { FiRefreshCw } from 'react-icons/fi';
 import JSONPretty from 'react-json-pretty';
 
-import { IconButton } from '@app/components/generic/button/IconButton';
-import { Card } from '@app/components/generic/Card';
-import { CopyButton } from '@app/components/menu/buttons/CopyButton';
+import { IconButton } from '@components/generic/button/IconButton';
+import { Card } from '@components/generic/Card';
+import { CopyButton } from '@components/menu/buttons/CopyButton';
 import { Hashicon } from '@emeraldpay/hashicon-react';
 import { useAppSelector } from '@hooks/useAppSelector';
 

src/pages/Extensions/Logs.tsx

@@ -3,10 +3,10 @@ import type React from 'react';
 import { AnimatePresence, m } from 'framer-motion';
 import { FiArrowRight, FiPaperclip, FiTrash } from 'react-icons/fi';
 
-import { IconButton } from '@app/components/generic/button/IconButton';
-import { Card } from '@app/components/generic/Card';
-import { clearLogs } from '@app/core/slices/meshtasticSlice';
-import { useAppDispatch } from '@app/hooks/useAppDispatch';
+import { IconButton } from '@components/generic/button/IconButton';
+import { Card } from '@components/generic/Card';
+import { clearLogs } from '@core/slices/meshtasticSlice';
+import { useAppDispatch } from '@hooks/useAppDispatch';
 import { useAppSelector } from '@hooks/useAppSelector';
 import { Protobuf, Types } from '@meshtastic/meshtasticjs';
 

src/pages/Nodes/NodeCard.tsx

@@ -15,10 +15,10 @@ import { IoTelescope } from 'react-icons/io5';
 import { MdGpsFixed, MdGpsNotFixed, MdGpsOff } from 'react-icons/md';
 import JSONPretty from 'react-json-pretty';
 
-import { Tooltip } from '@app/components/generic/Tooltip';
 import { IconButton } from '@components/generic/button/IconButton';
 import { CollapsibleSection } from '@components/generic/Sidebar/CollapsibleSection';
 import { SidebarOverlay } from '@components/generic/Sidebar/SidebarOverlay';
+import { Tooltip } from '@components/generic/Tooltip';
 import { SidebarItem } from '@components/layout/Sidebar/SidebarItem';
 import { CopyButton } from '@components/menu/buttons/CopyButton';
 import type { Node } from '@core/slices/meshtasticSlice';

src/pages/Nodes/index.tsx

@@ -8,8 +8,8 @@ import { BiCrown } from 'react-icons/bi';
 import { FiSettings } from 'react-icons/fi';
 import { RiMindMap } from 'react-icons/ri';
 
-import { Tooltip } from '@app/components/generic/Tooltip';
 import { IconButton } from '@components/generic/button/IconButton';
+import { Tooltip } from '@components/generic/Tooltip';
 import { Layout } from '@components/layout';
 import { SidebarItem } from '@components/layout/Sidebar/SidebarItem';
 import { Hashicon } from '@emeraldpay/hashicon-react';

src/pages/NotFound.tsx

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import { Card } from '@app/components/generic/Card';
+import { Card } from '@components/generic/Card';
 
 export const NotFound = (): JSX.Element => {
   return (