add experimental room

src/containers/boris/BorisSuperpowers/index.tsx

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 
+import { Card } from '~/components/containers/Card';
 import { Group } from '~/components/containers/Group';
 import { Markdown } from '~/components/containers/Markdown';
 
@@ -7,13 +8,18 @@ export interface BorisSuperpowersProps {}
 
 const BorisSuperpowers: FC<BorisSuperpowersProps> = () => {
   return (
-    <Group>
-      <h2>Штучки, находящиеся в разработке</h2>
+    <Card elevation={0}>
+      <Group>
+        <h3>Сейчас в разработке</h3>
 
-      <Markdown>
-        {`> На данный момент в разработке нет вещей, которые можно показать.\n\n// Приходите завтра`}
-      </Markdown>
-    </Group>
+        <Markdown>
+          - Раздел [рум](/room) в начальной стадии, смотрю как будет работать
+          концепт. Суть идеи можно посмотреть на
+          [гитхабе](https://github.com/muerwre/vault-frontend/issues/158).
+          Предложения можно оставлять здесь.
+        </Markdown>
+      </Group>
+    </Card>
   );
 };
 

src/containers/main/Header/index.tsx

@@ -27,7 +27,7 @@ export interface HeaderProps {}
 const Header: FC<HeaderProps> = observer(() => {
   const [isScrolled, setIsScrolled] = useState(false);
   const { showModal } = useModal();
-  const { isUser, user, fetched } = useAuth();
+  const { isUser, user, fetched, isTester } = useAuth();
   const { hasFlowUpdates, hasLabUpdates } = useFlow();
   const { borisCommentedAt } = useUpdates();
   const { indicatorEnabled } = useNotifications();
@@ -86,6 +86,17 @@ const Header: FC<HeaderProps> = observer(() => {
               ЛАБ
             </Anchor>
 
+            {isTester && (
+              <Anchor
+                className={classNames(styles.item, styles.lab, {
+                  [styles.has_dot]: hasLabUpdates && !indicatorEnabled,
+                })}
+                href={URLS.ROOM}
+              >
+                РУМ
+              </Anchor>
+            )}
+
             <Anchor
               className={classNames(styles.item, styles.boris, {
                 [styles.has_dot]: hasBorisUpdates && !indicatorEnabled,