Минимальная адаптация под мобилку

client-web/src/modules/chats/presentation/ChatPage.tsx

@@ -373,11 +373,13 @@ export default function ChatPage() {
       initial={{ opacity: 0 }}
       animate={{ opacity: 1 }}
       exit={{ opacity: 0 }}
-      className="h-screen w-screen flex bg-surface-dim overflow-hidden antialiased font-body selection:bg-primary/30"
+      className="h-[100dvh] w-screen flex flex-col lg:flex-row bg-surface-dim overflow-hidden"
     >
-      <GlobalNavBar activeTab={activeTab} onTabChange={setActiveTab} />
+      <div className={`${activeChat ? 'hidden lg:block' : 'block'}`}>
+        <GlobalNavBar activeTab={activeTab} onTabChange={setActiveTab} />
+      </div>
 
-      <main className="ml-20 flex-1 flex flex-row relative h-full">
+      <main className={`lg:ml-20 flex-1 flex flex-row relative h-full safe-area-bottom`}>
         {activeTab === 'chats' ? (
           <>
             {/* Chat List (Sidebar) */}