Moved UserDropdown to comps/common/, updated imports, some styling on Header

web/components/ui/Header/Header.tsx

@@ -1,16 +1,21 @@
 import { Layout } from 'antd';
-import UserDropdown from '../../UserDropdownMenu';
+import { UserDropdown } from '../../common';
+import Logo from '../../logo';
 import s from './Header.module.scss';
 
 const { Header } = Layout;
 
-export default function HeaderComponent(props) {
-  const { name } = props;
+interface Props {
+  name: string;
+}
 
+export default function HeaderComponent({ name = 'Your stream title' }: Props) {
   return (
     <Header className={`${s.header}`}>
-      Logo goes here
-      {name}
+      <div className={`${s.logo}`}>
+        <Logo />
+        <span>{name}</span>
+      </div>
       <UserDropdown />
     </Header>
   );