fix(install): LIVEKIT_URL попадает в compose приложения

Шаблон compose подставляет переменные из явного списка: LIVEKIT_PUBLIC_URL не
был в нём, поэтому приложение получало пустой адрес LiveKit и голос оставался
выключенным. Добавлены LIVEKIT_API_KEY/SECRET/PUBLIC_URL в рендер compose.

web/src/components/chat/ComposerMirror.tsx

@@ -2,10 +2,7 @@ import { Fragment, useMemo, type ReactNode, type RefObject } from 'react';
 
 import { CustomEmojiImage } from '@/components/chat/CustomEmojiImage';
 import { useChannelDirectory, type ChannelDirectory } from '@/components/chat/useChannelDirectory';
-import {
-  useGuildEmojiDirectory,
-  type GuildEmojiDirectory,
-} from '@/components/chat/useGuildEmojis';
+import { useGuildEmojiDirectory, type GuildEmojiDirectory } from '@/components/chat/useGuildEmojis';
 import { customEmojiShortcode, parseCustomEmoji } from '@/lib/customEmoji';
 import {
   hasMarkers,

web/src/components/chat/EmojiPicker.tsx

@@ -42,18 +42,21 @@ export function EmojiPicker({
   const { t } = useTranslation();
   const panelRef = useRef<HTMLDivElement | null>(null);
   const [query, setQuery] = useState('');
+  const [prevOpen, setPrevOpen] = useState(open);
   const serverEmojis = useGuildEmojis(guildId);
   const onCloseRef = useRef(onClose);
   useEffect(() => {
     onCloseRef.current = onClose;
   }, [onClose]);
 
-  // Поиск сбрасываем при каждом открытии: иначе список «залипал» бы от прошлого раза.
-  useEffect(() => {
+  // Поиск сбрасываем при открытии: подстройка состояния во время рендера —
+  // документированный приём React, эффект дал бы лишний кадр со старым списком.
+  if (prevOpen !== open) {
+    setPrevOpen(open);
     if (open) {
       setQuery('');
     }
-  }, [open]);
+  }
 
   const found = useMemo(() => {
     const needle = query.trim().toLowerCase();

web/src/components/chat/MessageContent.tsx

@@ -3,10 +3,7 @@ import { useTranslation } from 'react-i18next';
 
 import { CustomEmojiImage } from '@/components/chat/CustomEmojiImage';
 import { useChannelDirectory, type ChannelDirectory } from '@/components/chat/useChannelDirectory';
-import {
-  useGuildEmojiDirectory,
-  type GuildEmojiDirectory,
-} from '@/components/chat/useGuildEmojis';
+import { useGuildEmojiDirectory, type GuildEmojiDirectory } from '@/components/chat/useGuildEmojis';
 import { customEmojiShortcode, parseCustomEmoji } from '@/lib/customEmoji';
 import {
   parseBlocks,

web/src/components/chat/MessageItem.tsx

@@ -153,13 +153,7 @@ function MessageBody({
  * подставляем «участник». Неизвестное событие и мусорный JSON показываем как
  * есть: ничего не теряем и не падаем.
  */
-function SystemMessageBody({
-  message,
-  authors,
-}: {
-  message: Message;
-  authors: AuthorDirectory;
-}) {
+function SystemMessageBody({ message, authors }: { message: Message; authors: AuthorDirectory }) {
   const { t } = useTranslation();
   const event = parseSystemMessage(message.content);
 
@@ -345,9 +339,7 @@ export function MessageItem({
         } ${highlight ? 'gl-highlight rounded-[var(--radius-md)]' : ''}`}
       >
         <span className="sr-only">{t('chat.types.system')}</span>
-        {message.content === '' ? null : (
-          <SystemMessageBody message={message} authors={authors} />
-        )}
+        {message.content === '' ? null : <SystemMessageBody message={message} authors={authors} />}
         <time dateTime={message.created_at} className="text-[10px] text-fg-muted/70">
           {formatMessageTime(message.created_at, i18n.language)}
         </time>