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

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

@@ -4,13 +4,14 @@ import { useRouter } from "expo-router";
 import React, { useMemo, useState } from "react";
 import { Pressable, ScrollView, StyleSheet, Text, View } from "react-native";
 import { useApp } from "../../src/app-context";
+import { GuestAuthGate } from "../../src/components/GuestAuthGate";
 import { NotificationCard } from "../../src/components/NotificationCard";
 import { ScreenShell } from "../../src/components/ScreenShell";
 import { useNotificationAction } from "../../src/notification-actions";
 import { notificationApi, notificationKeys } from "../../src/notification-api";
 import { typeMap } from "../../src/notification-presenter";
 import { colors, radii, spacing } from "../../src/theme";
-import { Button, ErrorNotice, Loading, styles } from "../../src/ui";
+import { ErrorNotice, Loading, styles } from "../../src/ui";
 
 export default function NotificationCenterScreen() {
   const { authStatus } = useApp();
@@ -44,19 +45,11 @@ export default function NotificationCenterScreen() {
       </View>
 
       {!authenticated ? (
-        <View style={local.gate}>
-          <View style={local.bell}>
-            <Feather name="bell" size={34} color={colors.primaryForeground} />
-          </View>
-          <Text style={styles.title}>Уведомления доступны после входа</Text>
-          <Text style={[styles.text, local.centerText]}>
-            Авторизуйтесь, чтобы видеть важные напоминания, документы и статусы услуг.
-          </Text>
-          <Button
-            title="Авторизоваться"
-            onPress={() => router.replace({ pathname: "/", params: { authorize: "1" } })}
-          />
-        </View>
+        <GuestAuthGate
+          icon="bell"
+          title="Уведомления доступны после входа"
+          description="Авторизуйтесь, чтобы видеть важные напоминания, документы и статусы услуг."
+        />
       ) : (
         <ScrollView contentContainerStyle={local.content}>
           {(notifications.isLoading || catalog.isLoading) && <Loading />}
@@ -99,9 +92,6 @@ const local = StyleSheet.create({
     borderBottomColor: colors.border,
   },
   back: { width: 36, height: 36, borderRadius: radii.full, alignItems: "center", justifyContent: "center" },
-  gate: { flex: 1, justifyContent: "center", alignItems: "center", gap: spacing.md, padding: spacing.xl },
-  bell: { width: 68, height: 68, borderRadius: radii.full, alignItems: "center", justifyContent: "center", backgroundColor: colors.primary },
-  centerText: { textAlign: "center" },
   content: { padding: spacing.lg, gap: spacing.md, paddingBottom: 40 },
   empty: { alignItems: "center", gap: spacing.sm, paddingVertical: 48 },
 });