Implement profile dialog

frontend/src/pages/chat/ui/left/ChatHeader.tsx

@@ -2,21 +2,32 @@ import { PRODUCT_NAME } from "@/core/config";
 import useProfile from "@/pages/chat/hooks/useProfile";
 import defaultAvatar from "@/images/default-avatar.png";
 import { useState } from "react";
-import { ProfileDialog } from "./profile/ProfileDialog";
+import { useAppState } from "@/pages/chat/state";
 import { MinimizedCallBar } from "@/pages/chat/ui/right/calls/MinimizedCallBar";
 
 export function ChatHeader() {
     const { profileData } = useProfile();
-    const [isProfileOpen, setIsProfileOpen] = useState(false);
-
+    const { setProfileDialog, user } = useAppState();
     const [profilePictureUrl, setProfilePictureUrl] = useState(profileData?.profile_picture || defaultAvatar);
 
+    const handleProfileClick = () => {
+        setProfileDialog({
+            userId: user.currentUser?.id,
+            username: profileData?.nickname || "Пользователь",
+            profilePicture: profileData?.profile_picture,
+            bio: profileData?.description,
+            memberSince: user.currentUser?.created_at,
+            online: user.currentUser?.online,
+            isOwnProfile: true
+        });
+    };
+
     return (
         <>
             <header className="chat-header-left">
                 <div className="product-name">{PRODUCT_NAME}</div>
                 <div className="profile">
-                    <a href="#" id="profile-open" onClick={() => setIsProfileOpen(true)}>
+                    <a href="#" id="profile-open" onClick={handleProfileClick}>
                         <img
                             src={profilePictureUrl} 
                             alt=""
@@ -26,7 +37,6 @@ export function ChatHeader() {
                 </div>
             </header>
             <MinimizedCallBar />
-            <ProfileDialog isOpen={isProfileOpen} onOpenChange={setIsProfileOpen} />
         </>
     );
 }