Remove duplicate node logic, UI Update, flatten build output (#586)

* refactor nodes to getNodes fn. ui updates

* fixed several styling issues

* fix: message specific styling/overflow

* added footer, fixed tests. styling

* fix: added theme support back to app component

* fix: hide emojis/reactions

* fix: added more padding to content element

* fix: fixed padding in content element

* updated color scheme

* fix: more dark mode styling improvements

* fix: padding and alignment fixes

* fix: prevent left sidebar collapse, added battery component

* fix: change scrollbars to "tiny" style, improved message scrolling, fixed bug with message input

* message store fixes, ui fixes

* fix: disabled message persistance until after release

src/components/PageComponents/Messages/TraceRoute.tsx

@@ -20,16 +20,16 @@ interface RoutePathProps {
 }
 
 const RoutePath = ({ title, startNode, endNode, path, snr }: RoutePathProps) => {
-  const { nodes } = useDevice();
+  const { getNode } = useDevice();
 
   return (
-    <span className="ml-4 border-l-2 border-l-background-primary pl-2 text-slate-900 dark:text-slate-900">
+    <span id={title} className="ml-4 border-l-2 border-l-background-primary pl-2 text-slate-900 dark:text-slate-900">
       <p className="font-semibold">{title}</p>
       <p>{startNode?.user?.longName}</p>
       <p>↓ {snr?.[0] ?? "??"}dB</p>
       {path.map((hop, i) => (
-        <span key={nodes.get(hop)?.num ?? hop}>
-          <p>{nodes.get(hop)?.user?.longName ?? `!${numberToHexUnpadded(hop)}`}</p>
+        <span key={getNode(hop)?.num ?? hop}>
+          <p>{getNode(hop)?.user?.longName ?? `!${numberToHexUnpadded(hop)}`}</p>
           <p>↓ {snr?.[i + 1] ?? "??"}dB</p>
         </span>
       ))}