Implement support ticket system with role request and bug report functionalities

- Introduced a new support ticket system allowing users to submit bug reports and role requests.
- Implemented endpoints for creating, updating, and managing support tickets, including file attachments.
- Enhanced Telegram bot integration to handle role requests directly within the bot, enabling admins to approve or reject requests without accessing the website.
- Updated database schema to include support ticket entities and their relationships.
- Improved API documentation to reflect new support ticket endpoints and their usage.
- Added necessary localization for support ticket features in both Russian and English.

frontend/src/routes/__root.tsx

@@ -52,6 +52,9 @@ function RootLayout() {
           <Link to="/news" className="text-muted-foreground hover:text-foreground">
             {t('nav.news')}
           </Link>
+          <Link to="/support" className="text-muted-foreground hover:text-foreground">
+            {t('nav.support')}
+          </Link>
         </>
       )}
       <Link to="/settings" className="text-muted-foreground hover:text-foreground">

frontend/src/routes/admin.tsx

@@ -14,6 +14,7 @@ const TABS = [
   { to: '/admin/nodes', key: 'nodes' },
   { to: '/admin/apps', key: 'apps' },
   { to: '/admin/news', key: 'news' },
+  { to: '/admin/support', key: 'support' },
   { to: '/admin/audit', key: 'audit' },
 ] as const
 

frontend/src/routes/admin/support.tsx

@@ -0,0 +1,76 @@
+import { useState } from 'react'
+import { createFileRoute } from '@tanstack/react-router'
+import { useQuery } from '@tanstack/react-query'
+import { useTranslation } from 'react-i18next'
+import { Button } from '@/shared/ui/button'
+import { Card, CardContent, CardHeader, CardTitle } from '@/shared/ui/card'
+import { TicketStatusBadge } from '@/features/support/TicketStatusBadge'
+import { AdminTicketDetailDialog } from '@/features/admin/support/AdminTicketDetailDialog'
+import { listAllTickets } from '@/features/admin/support/api'
+
+export const Route = createFileRoute('/admin/support')({ component: AdminSupportPage })
+
+const PAGE_SIZE = 20
+
+function AdminSupportPage() {
+  const { t } = useTranslation()
+  const [page, setPage] = useState(1)
+  const [selectedTicketId, setSelectedTicketId] = useState<string | null>(null)
+
+  const { data, isLoading, isError, refetch } = useQuery({
+    queryKey: ['admin-tickets', page],
+    queryFn: () => listAllTickets(undefined, undefined, page, PAGE_SIZE),
+  })
+
+  return (
+    <div className="flex flex-col gap-4">
+      {isLoading && <p className="text-sm text-muted-foreground">…</p>}
+
+      {isError && (
+        <div className="flex items-center gap-2">
+          <p className="text-sm text-muted-foreground">{t('auth.genericError')}</p>
+          <Button variant="outline" size="sm" onClick={() => void refetch()}>
+            {t('activation.retry')}
+          </Button>
+        </div>
+      )}
+
+      {data?.items.length === 0 && <p className="text-sm text-muted-foreground">{t('admin.support.empty')}</p>}
+
+      {data && data.items.length > 0 && (
+        <div className="flex flex-col gap-3">
+          {data.items.map((ticket) => (
+            <Card key={ticket.id} className="cursor-pointer" onClick={() => setSelectedTicketId(ticket.id)}>
+              <CardHeader className="flex-row items-center justify-between gap-2">
+                <CardTitle className="text-base">
+                  {ticket.userName} — {t(`support.type.${ticket.type}`)}
+                </CardTitle>
+                <TicketStatusBadge status={ticket.status} />
+              </CardHeader>
+              <CardContent>
+                <p className="text-xs text-muted-foreground">
+                  {t('support.lastActivity', { date: new Date(ticket.lastActivityAt).toLocaleString() })}
+                </p>
+              </CardContent>
+            </Card>
+          ))}
+        </div>
+      )}
+
+      {data && data.total > PAGE_SIZE && (
+        <div className="flex justify-end gap-2 text-sm">
+          <Button variant="outline" size="sm" disabled={page <= 1} onClick={() => setPage((p) => p - 1)}>
+            {t('admin.prev')}
+          </Button>
+          <Button variant="outline" size="sm" disabled={page * PAGE_SIZE >= data.total} onClick={() => setPage((p) => p + 1)}>
+            {t('admin.next')}
+          </Button>
+        </div>
+      )}
+
+      {selectedTicketId && (
+        <AdminTicketDetailDialog ticketId={selectedTicketId} onOpenChange={(open) => !open && setSelectedTicketId(null)} />
+      )}
+    </div>
+  )
+}

frontend/src/routes/support.tsx

@@ -0,0 +1,20 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { useRequireActivated } from '@/features/auth/guards'
+import { SupportTicketList } from '@/features/support/SupportTicketList'
+
+export const Route = createFileRoute('/support')({ component: SupportPage })
+
+function SupportPage() {
+  const { t } = useTranslation()
+  const { isReady } = useRequireActivated()
+
+  if (!isReady) return null
+
+  return (
+    <div className="mx-auto flex w-full max-w-4xl flex-col gap-6 px-6 py-10">
+      <h1 className="text-2xl font-semibold tracking-tight">{t('nav.support')}</h1>
+      <SupportTicketList />
+    </div>
+  )
+}