Fix web project build errors

web/components/ui/Content/Content.module.scss

@@ -1,26 +1,26 @@
 .root {
-    display: grid;
-    grid-template-columns: 1fr;
+  display: grid;
+  grid-template-columns: 1fr;
 }
 
 .mobileChat {
-    display: block;
-    position: absolute;
-    background-color: white;
-    top: 0px;
-    width: 100%;
-    height: calc(50vh - var(--header-h));
+  display: block;
+  position: absolute;
+  background-color: white;
+  top: 0px;
+  width: 100%;
+  height: calc(50vh - var(--header-h));
 }
 
 .leftCol {
-    display: grid;
-    // -64px, which is the header
-    grid-template-rows: 50vh calc(50vh - var(--header-h));
+  display: grid;
+  // -64px, which is the header
+  grid-template-rows: 50vh calc(50vh - var(--header-h));
 }
 .lowerRow {
-    position: relative;
-    display: grid;
-    grid-template-rows: 1fr var(--header-h);
+  position: relative;
+  display: grid;
+  grid-template-rows: 1fr var(--header-h);
 }
 
 .pageContentSection {
@@ -32,10 +32,10 @@
 }
 
 @media (min-width: 768px) {
-    .mobileChat {
-        display: none;
-    }
-    .root[data-columns='2'] {
-        grid-template-columns: 1fr var(--chat-w);
-    }
+  .mobileChat {
+    display: none;
+  }
+  .root[data-columns='2'] {
+    grid-template-columns: 1fr var(--chat-w);
+  }
 }

web/components/ui/Content/Content.tsx

@@ -1,6 +1,5 @@
 import { useRecoilValue } from 'recoil';
-import { Layout, Button, Col, Tabs } from 'antd';
-import Grid from 'antd/lib/card/Grid';
+import { Layout, Button, Tabs } from 'antd';
 import {
   chatVisibilityAtom,
   clientConfigStateAtom,
@@ -23,6 +22,7 @@ import ActionButtonRow from '../../action-buttons/ActionButtonRow';
 import ActionButton from '../../action-buttons/ActionButton';
 import Statusbar from '../Statusbar/Statusbar';
 import { ServerStatus } from '../../../interfaces/server-status.model';
+import { Follower } from '../../../interfaces/follower';
 
 const { TabPane } = Tabs;
 const { Content } = Layout;
@@ -34,8 +34,8 @@ export default function ContentComponent() {
   const messages = useRecoilValue<ChatMessage[]>(chatMessagesAtom);
   const chatState = useRecoilValue<ChatState>(chatStateAtom);
 
-  const { extraPageContent } = clientConfig;
-  const { online, viewerCount, lastConnectTime, lastDisconnectTime, streamTitle } = status;
+  const { extraPageContent, version } = clientConfig;
+  const { online, viewerCount, lastConnectTime, lastDisconnectTime } = status;
 
   const followers: Follower[] = [];
 
@@ -88,7 +88,7 @@ export default function ContentComponent() {
               <ChatTextField />
             </div>
           )}
-          <Footer />
+          <Footer version={version} />
         </div>
       </div>
       {chatOpen && <Sidebar />}

web/components/ui/Content/index.ts

@@ -1 +1 @@
-export { default } from "./Content"
+export { default } from './Content';