style(views): elevate ChatView to SaaS Premium standards

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/components/views/ChatView.stories.tsx

@@ -8,7 +8,7 @@ const meta: Meta<typeof ChatView> = {
   tags: ['autodocs'],
   decorators: [
     (Story) => (
-      <div className="bg-kodo-background min-h-layout-page">
+      <div className="bg-background min-h-layout-page">
         <Story />
       </div>
     ),

apps/web/src/components/views/chat-view/ChatViewSkeleton.tsx

@@ -4,7 +4,7 @@ import { Skeleton } from '@/components/ui/skeleton';
 export function ChatViewSkeleton() {
   return (
     <div className="min-h-layout-main flex flex-col p-4 space-y-4">
-      <div className="flex items-center gap-2 pb-2 border-b border-kodo-steel/50">
+      <div className="flex items-center gap-2 pb-2 border-b border-border">
         <Skeleton className="h-8 w-8 rounded-full" />
         <Skeleton className="h-5 w-32" />
       </div>