Implemented state structure #19

src/app/chat/[id]/page.tsx

@@ -12,10 +12,8 @@ export default function DMs() {
   return (
     <AppSidebar app={app}>
       <MessageBox
-        toggleSidebar={() => app.setSidebarOpen(true)}
+        app={app}
         channelName={app.profiles[id]?.display_name || id}
-        userList={app.profiles}
-        setUserList={app.setProfiles}
         messages={app.messages
           .filter(
             (m) =>

src/app/server/[ip]/page.tsx

@@ -25,10 +25,8 @@ export default function Server() {
   return (
     <AppSidebar app={app} server={server}>
       <MessageBox
-        toggleSidebar={() => app.setSidebarOpen(true)}
+        app={app}
         channelName="General"
-        userList={app.profiles}
-        setUserList={app.setProfiles}
         messages={app.messages
           .filter((m) => m.channel_id === "general")
           .toReversed()}