Feat: Create a conversation #3221 (#9269)

### What problem does this PR solve?

Feat: Create a conversation #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/next-chats/chat/index.tsx

@@ -1,6 +1,7 @@
 import { PageHeader } from '@/components/page-header';
 import { Button } from '@/components/ui/button';
 import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
+import { useFetchDialog } from '@/hooks/use-chat-request';
 import { EllipsisVertical } from 'lucide-react';
 import { AppSettings } from './app-settings';
 import { ChatBox } from './chat-box';
@@ -8,10 +9,11 @@ import { Sessions } from './sessions';
 
 export default function Chat() {
   const { navigateToChatList } = useNavigatePage();
+  useFetchDialog();
 
   return (
     <section className="h-full flex flex-col">
-      <PageHeader back={navigateToChatList} title="Chat app 01">
+      <PageHeader>
         <div className="flex items-center gap-2">
           <Button variant={'icon'} size={'icon'}>
             <EllipsisVertical />