Switch to Vite + improvements

src/pages/Nodes/Index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 
 import Avatar from 'boring-avatars';
 
@@ -10,21 +10,22 @@ import { Node } from './Node';
 
 export const Nodes = (): JSX.Element => {
   const nodes = useAppSelector((state) => state.meshtastic.nodes);
-
+  const users = useAppSelector((state) => state.meshtastic.users);
   return (
     <PageLayout
       title="Nodes"
       emptyMessage="No nodes discovered yet..."
       sidebarItems={nodes.map((node) => {
+        const user = users.find((user) => user.packet.from === node.num)?.data;
         return {
-          title: node.user?.longName ?? node.num.toString(),
-          description: node.user?.hwModel
-            ? Protobuf.HardwareModel[node.user.hwModel]
+          title: user ? user.longName : node.num.toString(),
+          description: user
+            ? Protobuf.HardwareModel[user.hwModel]
             : 'Unknown Hardware',
           icon: (
             <Avatar
               size={30}
-              name={node.user?.longName ?? node.num.toString()}
+              name={user ? user.longName : node.num.toString()}
               variant="beam"
               colors={['#213435', '#46685B', '#648A64', '#A6B985', '#E1E3AC']}
             />