feat(messages): сообщения, реакции, пины, typing, read states и поиск

Бэкенд текстовой связи (AGENT.md 7.6, 7.15, 7.16, 8.6):

- POST/GET/PATCH/DELETE /channels/{id}/messages, ответы и упоминания,
  окно правки 24 часа, права автора или MANAGE_MESSAGES;
- реакции (PUT/DELETE .../reactions/{emoji}) с агрегацией и отметкой «моя»;
- закрепления (GET/PUT/DELETE .../pins) под MANAGE_MESSAGES;
- typing с лимитом 1/3 с и адресной рассылкой всем, кроме автора;
- read states: POST /channels/{id}/ack, синхронизация READ_STATE_UPDATE между
  устройствами пользователя;
- поиск FTS5 по комнате (10/мин) с экранированием запроса;
- лимиты отправки 5/5 с (burst 10) и slowmode комнаты; администратор инстанса
  обходит и то, и другое (AGENT.md 7.19);
- Gateway: DispatchToChannel/DispatchToChannelExcept доставляют события комнат
  только тем, кто видит комнату (VIEW_CHANNEL), права считает общий движок;
- store: messages, message_reactions, channel_read_states, files (загрузка
  файлов появится вместе с вложениями).

Тесты: жизненный цикл сообщения, видимость скрытой комнаты (404 участнику,
200 админу), slowmode, упоминания и ответы, typing и read state, фильтрация
событий комнаты между двумя WS-клиентами.

web/src/components/ui/Skeleton.tsx

@@ -0,0 +1,37 @@
+import { useTranslation } from 'react-i18next';
+
+interface SkeletonProps {
+  className?: string;
+}
+
+/** Одна полоса-скелетон с бегущим блеском (см. `.gl-skeleton` в index.css). */
+export function Skeleton({ className = '' }: SkeletonProps) {
+  return <span aria-hidden="true" className={`gl-skeleton ${className}`} />;
+}
+
+interface SkeletonLinesProps {
+  /** Сколько строк-полос нарисовать. */
+  rows?: number;
+  className?: string;
+}
+
+/**
+ * Набор полос вместо текста «Загрузка…»: используется в списках и секциях
+ * настроек, чтобы интерфейс не «прыгал» после прихода данных.
+ */
+export function SkeletonLines({ rows = 3, className = '' }: SkeletonLinesProps) {
+  const { t } = useTranslation();
+  return (
+    <div
+      role="status"
+      aria-busy="true"
+      aria-label={t('common.loading')}
+      data-testid="skeleton"
+      className={`flex flex-col gap-2 ${className}`}
+    >
+      {Array.from({ length: Math.max(rows, 1) }, (_, index) => (
+        <Skeleton key={index} className="h-4 w-full" />
+      ))}
+    </div>
+  );
+}