Унифицированы экраны, требующие авторизации, в гостевом режиме

codebase/backend/frontend-test-site/app/dialogs/index.tsx

@@ -1,9 +1,11 @@
 import { useQuery } from "@tanstack/react-query";
-import { Link, useRouter } from "expo-router";
+import { useRouter } from "expo-router";
 import React, { useEffect, useRef } from "react";
-import { ScrollView, Text, View } from "react-native";
+import { Text, View } from "react-native";
 import { useApp } from "../../src/app-context";
 import { AppHeader } from "../../src/components/AppHeader";
+import { ChatScreenHeader } from "../../src/components/ChatScreenHeader";
+import { GuestAuthGate } from "../../src/components/GuestAuthGate";
 import { ScreenShell } from "../../src/components/ScreenShell";
 import {
   bindPendingFileIntent,
@@ -37,12 +39,12 @@ export default function DialogsScreen() {
   if (app.authStatus !== "authenticated") {
     return (
       <ScreenShell>
-        <AppHeader guestLabel="Гость" />
-        <View style={{ flex: 1, padding: spacing.lg, justifyContent: "center", gap: spacing.md }}>
-          <Text accessibilityRole="header" style={styles.title}>Чат</Text>
-          <Text style={styles.text}>Чат с компанией доступен после авторизации. Отправьте сообщение на главной странице, чтобы войти.</Text>
-          <Link href="/" style={styles.link}>На главную</Link>
-        </View>
+        <ChatScreenHeader title="Чат" subtitle="Требуется вход" />
+        <GuestAuthGate
+          icon="message-circle"
+          title="Чат доступен после входа"
+          description="Авторизуйтесь, чтобы переписываться с оператором и получать ответы."
+        />
       </ScreenShell>
     );
   }