Промежуточный этап синхронизации

app/components/DialogsPanelHeader/DialogsPanelHeader.tsx

@@ -6,6 +6,7 @@ import { useLogout } from "@/app/providers/AccountProvider/useLogout";
 import { useHotkeys } from "@mantine/hooks";
 import { useNavigate } from "react-router-dom";
 import { usePublicKey } from "@/app/providers/AccountProvider/usePublicKey";
+import { DialogHeaderText } from "../DialogHeaderText/DialogHeaderText";
 
 export function DialogsPanelHeader() {
     const colors = useRosettaColors();
@@ -66,9 +67,7 @@ export function DialogsPanelHeader() {
                         </Menu.Item>
                     </Menu.Dropdown>
                 </Menu>
-                <Text fw={500} style={{
-                    userSelect: 'none'
-                }} size={'sm'}>Chats</Text>
+                <DialogHeaderText></DialogHeaderText>
                 <Menu withArrow width={150} shadow="md">
                     <Menu.Target>
                         <IconEdit style={{