(feat): add live messages

(fix): broken states in message component
(qol): update todos

apps/web/src/index.tsx

@@ -146,9 +146,11 @@ function AppShell() {
         <CallInit />
         <TAuthWrapper>
           <AppLayout>
-            <NotificationsProvider>
-              <Outlet />
-            </NotificationsProvider>
+            <ChatContext>
+              <NotificationsProvider>
+                <Outlet />
+              </NotificationsProvider>
+            </ChatContext>
           </AppLayout>
         </TAuthWrapper>
       </UserContext>
@@ -162,14 +164,6 @@ function CallInit() {
   return null;
 }
 
-function Chat() {
-  return (
-    <ChatContext>
-      <ChatScreen />
-    </ChatContext>
-  );
-}
-
 const rootRoute = createRootRoute({
   component: RootShell,
 });
@@ -234,7 +228,7 @@ const homeRoute = createRoute({
 const chatRoute = createRoute({
   getParentRoute: () => appRoute,
   path: "chat",
-  component: Chat,
+  component: ChatScreen,
   validateSearch: z.object({
     id: z.number().optional(),
   }),