fix(files): аватары и баннеры доступны авторизованным пользователям

Аватар нельзя было показать в списке друзей: файл без комнаты был доступен
только загрузившему. Добавлено назначение файла (`files.purpose`: attachment |
avatar | banner, миграция 00006): аватары и баннеры отдаются любому
авторизованному пользователю, вложения по-прежнему проверяются по правам
комнаты, а непривязанные загрузки остаются приватными.

web/src/pages/app/NoGuildView.tsx

@@ -1,72 +1,33 @@
-import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { useTranslation } from 'react-i18next';
 
-import { joinGuild } from '@/api/guilds';
-import { instanceQueryKey } from '@/api/instance';
-import { myGuildsQueryKey } from '@/api/users';
-import { ErrorNotice } from '@/components/ui/ErrorNotice';
+import { InviteJoin } from '@/components/friends/InviteJoin';
 import { Button, Card } from '@/components/ui/primitives';
-import { useInstance } from '@/lib/hooks';
-import { useSessionStore } from '@/stores/session';
+import { useUiStore } from '@/stores/ui';
 
 /**
- * Экран пустого списка серверов: присоединиться к главному серверу инстанса
- * (id берём из `GET /instance`) или создать свой (кнопка есть в рейке).
+ * Экран пустого списка серверов. Главного сервера больше нет: новый
+ * пользователь видит пустую рейку, может создать свой сервер или
+ * присоединиться по приглашению. Иконки серверов появятся в рейке сразу
+ * после вступления.
  */
 export default function NoGuildView() {
   const { t } = useTranslation();
-  const queryClient = useQueryClient();
-  const instance = useInstance();
-  const guilds = useSessionStore((state) => state.guilds);
-
-  const mainGuildId = instance.data?.main_guild_id;
-  const alreadyMember =
-    mainGuildId !== undefined && guilds.some((guild) => guild.id === mainGuildId);
-
-  const join = useMutation({
-    mutationFn: (guildId: string) => joinGuild(guildId),
-    onSuccess: () => {
-      // Список серверов обновится снапшотом шлюза; REST — подстраховка.
-      void queryClient.invalidateQueries({ queryKey: myGuildsQueryKey });
-      void queryClient.invalidateQueries({ queryKey: instanceQueryKey });
-    },
-  });
+  const openGuildCreate = useUiStore((state) => state.openGuildCreate);
 
   return (
-    <section id="app-content" className="flex h-full items-center justify-center p-6">
-      <Card className="max-w-lg text-center">
-        <h2 className="text-lg font-semibold">{t('guilds.empty.title')}</h2>
-        <p className="mt-2 text-sm text-fg-muted">{t('guilds.empty.body')}</p>
+    <section id="app-content" className="absolute inset-0 overflow-y-auto p-6">
+      <div className="flex min-h-full items-center justify-center">
+        <Card className="w-full max-w-lg">
+          <h2 className="text-lg font-semibold">{t('guilds.empty.title')}</h2>
+          <p className="mt-2 text-sm text-fg-muted">{t('guilds.empty.body')}</p>
 
-        {instance.isPending ? (
-          <p className="mt-4 text-sm text-fg-muted" role="status">
-            {t('common.loading')}
-          </p>
-        ) : null}
-
-        {mainGuildId !== undefined && !alreadyMember ? (
-          <Button
-            className="mt-4"
-            disabled={join.isPending}
-            onClick={() => join.mutate(mainGuildId)}
-          >
-            {t(join.isPending ? 'guilds.empty.joining' : 'guilds.empty.joinMain')}
+          <Button className="mt-4" onClick={openGuildCreate}>
+            {t('guilds.add')}
           </Button>
-        ) : null}
 
-        {mainGuildId === undefined && !instance.isPending ? (
-          <p className="mt-4 text-sm text-fg-muted">{t('guilds.empty.noMain')}</p>
-        ) : null}
-
-        {join.isError ? <ErrorNotice className="mt-3" error={join.error} /> : null}
-        {instance.isError ? (
-          <ErrorNotice
-            className="mt-3"
-            error={instance.error}
-            onRetry={() => void instance.refetch()}
-          />
-        ) : null}
-      </Card>
+          <InviteJoin className="mt-6 border-t border-border/60 pt-4" />
+        </Card>
+      </div>
     </section>
   );
 }