Fix web project build errors

web/components/common/Logo/Logo.tsx

@@ -1,19 +1,16 @@
 import React from 'react';
 import cn from 'classnames';
-import s from './Logo.module.scss'
+import s from './Logo.module.scss';
 
 interface Props {
-  variant: 'simple' | 'contrast'
+  variant: 'simple' | 'contrast';
 }
 
-export default function Logo({variant = 'simple'}: Props) {
-  const rootClassName = cn(
-    s.root,
-    {
-      [s.simple]: variant === 'simple',
-      [s.contrast]: variant === 'contrast',
-    }
-  )
+export default function Logo({ variant = 'simple' }: Props) {
+  const rootClassName = cn(s.root, {
+    [s.simple]: variant === 'simple',
+    [s.contrast]: variant === 'contrast',
+  });
 
   return (
     <div className={rootClassName}>

web/components/common/UserDropdown/UserDropdown.tsx

@@ -6,8 +6,8 @@ import { ChatState, ChatVisibilityState } from '../../../interfaces/application-
 import s from './UserDropdown.module.scss';
 
 interface Props {
-  username?: string;
-  chatState?: ChatState;
+  username: string;
+  chatState: ChatState;
 }
 
 export default function UserDropdown({ username = 'test-user', chatState }: Props) {
@@ -44,11 +44,6 @@ export default function UserDropdown({ username = 'test-user', chatState }: Prop
             <DownOutlined />
           </Space>
         </Button>
-        {/*
-      <button type="button" className="ant-dropdown-link" onClick={e => e.preventDefault()}>
-        {username} <DownOutlined />
-      </button>
-      */}
       </Dropdown>
     </div>
   );

web/components/common/UserDropdown/index.ts

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

web/components/common/index.ts

@@ -1,2 +1,2 @@
-export { default as UserDropdown } from './UserDropdown'
-export { default as OwncastLogo } from './Logo'
+export { default as UserDropdown } from './UserDropdown';
+export { default as OwncastLogo } from './Logo';