fix(room): топбар и тулбар комнаты вылезали за экран на мобильном

room-toolbar с 8 кнопками (520px) не помещался в мобильную ширину (375px) —
крайние кнопки обрезались без возможности до них доскроллить. На мобильном
убираем демонстрацию экрана/полноэкранный режим/мини-окно (редко нужны с
телефона) и уплотняем оставшиеся 5 кнопок. В топбаре убираем инвайт-чип
(номер + копирование ссылки) — сверху остаются только название конференции
и статус.

frontend/src/components/room/RoomToolbar.tsx

@@ -127,7 +127,7 @@ export function RoomToolbar({
       <button
         type="button"
         {...screenShare.buttonProps}
-        className={`tb-btn${screenShare.enabled ? ' is-sharing' : ''}`}
+        className={`tb-btn tb-btn--screenshare${screenShare.enabled ? ' is-sharing' : ''}`}
         aria-label={screenShare.enabled ? 'Остановить демонстрацию экрана' : 'Демонстрировать экран'}
       >
         <span className="icon-shell">
@@ -155,7 +155,7 @@ export function RoomToolbar({
       {fullscreenSupported && (
         <button
           type="button"
-          className={`tb-btn${fullscreenActive ? ' is-panel-open' : ''}`}
+          className={`tb-btn tb-btn--fullscreen${fullscreenActive ? ' is-panel-open' : ''}`}
           aria-label={fullscreenActive ? 'Выйти из полноэкранного режима' : 'Развернуть на весь экран'}
           aria-pressed={fullscreenActive}
           onClick={onToggleFullscreen}
@@ -174,7 +174,7 @@ export function RoomToolbar({
       {pipSupported && (
         <button
           type="button"
-          className={`tb-btn${pipActive ? ' is-panel-open' : ''}`}
+          className={`tb-btn tb-btn--pip${pipActive ? ' is-panel-open' : ''}`}
           aria-label={pipActive ? 'Свернуть мини-окно' : 'Открыть мини-окно'}
           aria-pressed={pipActive}
           onClick={onTogglePiP}