[BLD-26] Portal: AI Chat UI improvements

apps/portal/package.json

@@ -34,6 +34,7 @@
     "remark-gfm": "4.0.1",
     "server-only": "^0.0.1",
     "shiki": "1.27.0",
+    "sonner": "2.0.6",
     "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7",
     "thirdweb": "workspace:*",

apps/portal/src/app/chat/page.tsx

@@ -8,7 +8,7 @@ const queryClient = new QueryClient();
 export default function ChatPage() {
   return (
     <QueryClientProvider client={queryClient}>
-      <div className="m-auto flex h-[calc(100vh-4rem)] w-full flex-col overflow-hidden lg:size-[calc(100vh-8rem)]">
+      <div className="flex h-[calc(100vh-65px)] flex-col overflow-hidden lg:h-[calc(100vh-102px)]">
         <Chat />
       </div>
     </QueryClientProvider>

apps/portal/src/app/layout.tsx

@@ -43,7 +43,7 @@ export default function RootLayout({
           enableSystem={false}
         >
           <NextTopLoader
-            color="hsl(var(--link-foreground))"
+            color="hsl(var(--foreground))"
             height={2}
             shadow={false}
             showSpinner={false}