fix: show nodes on right sidebar on app load

packages/web/src/core/stores/nodeDBStore/index.ts

@@ -41,7 +41,7 @@ export interface NodeDB {
     filter?: (node: Protobuf.Mesh.NodeInfo) => boolean,
     includeSelf?: boolean,
   ) => Protobuf.Mesh.NodeInfo[];
-  getMyNode: () => Protobuf.Mesh.NodeInfo | undefined;
+  getMyNode: () => Protobuf.Mesh.NodeInfo;
 
   getNodeError: (nodeNum: number) => NodeError | undefined;
   hasNodeError: (nodeNum: number) => boolean;

packages/web/src/pages/Messages.tsx

@@ -247,8 +247,7 @@ export const MessagesPage = () => {
     ],
   );
 
-  const rightSidebar = useMemo(
-    () => (
+  const rightSidebar = (
     <SidebarSection
       label=""
       className="px-0 flex flex-col h-full overflow-y-auto"
@@ -267,6 +266,7 @@ export const MessagesPage = () => {
         className={cn(
           "flex flex-col h-full flex-1 overflow-y-auto gap-2.5 pt-1 ",
         )}
+        style={{ contentVisibility: "auto", containIntrinsicSize: "100px" }}
       >
         {filteredNodes()?.map((node) => (
           <SidebarButton
@@ -293,17 +293,6 @@ export const MessagesPage = () => {
         ))}
       </div>
     </SidebarSection>
-    ),
-    [
-      filteredNodes,
-      searchTerm,
-      numericChatId,
-      chatType,
-      navigateToChat,
-      resetUnread,
-      hasNodeError,
-      t,
-    ],
   );
 
   return (