Get suspense working and cleanup TL system

src/components/Sidebar.tsx

@@ -4,11 +4,9 @@ import type {
   IBLEConnection,
   IHTTPConnection,
   ISerialConnection,
-  Protobuf,
-  Types,
 } from '@meshtastic/meshtasticjs';
 
-import type { LanguageEnum, languageTemplate } from '../App';
+import type { LanguageEnum } from '../translations/TranslationContext';
 import Channels from './Sidebar/Channels/Index';
 import Device from './Sidebar/Device/Index';
 import Nodes from './Sidebar/Nodes/Index';
@@ -16,12 +14,9 @@ import UI from './Sidebar/UI/Index';
 
 interface SidebarProps {
   isReady: boolean;
-  nodes: Types.NodeInfoPacket[];
-  channels: Protobuf.Channel[];
   connection: ISerialConnection | IHTTPConnection | IBLEConnection;
   language: LanguageEnum;
   setLanguage: React.Dispatch<React.SetStateAction<LanguageEnum>>;
-  translations: languageTemplate;
   myId: number;
   sidebarOpen: boolean;
   darkmode: boolean;
@@ -35,27 +30,13 @@ const Sidebar = (props: SidebarProps): JSX.Element => {
         props.sidebarOpen ? 'flex' : 'hidden md:flex'
       } flex-col rounded-md md:ml-0 shadow-md border w-full max-w-sm`}
     >
-      <Nodes
-        isReady={props.isReady}
-        nodes={props.nodes}
-        translations={props.translations}
-        myId={props.myId}
-      />
-      <Device
-        isReady={props.isReady}
-        connection={props.connection}
-        translations={props.translations}
-      />
-      <Channels
-        isReady={props.isReady}
-        channels={props.channels}
-        translations={props.translations}
-      />
+      <Nodes myId={props.myId} />
+      <Device isReady={props.isReady} connection={props.connection} />
+      <Channels />
       <div className="flex-grow border-b"></div>
       <UI
         language={props.language}
         setLanguage={props.setLanguage}
-        translations={props.translations}
         darkmode={props.darkmode}
         setDarkmode={props.setDarkmode}
       />