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

web/components/ui/Header/Header.module.scss

@@ -1,4 +1,19 @@
 .header {
-  @apply fixed w-full bg-red;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
   z-index: 1;
+  padding: .5rem 1rem;
+  .logo {
+    display: flex;
+    align-items: center;
+    svg {
+      height: 60px;
+    }
+    span {
+      margin-left: 1rem;
+      font-size: 1.7rem;
+      font-weight: 600;
+    }
+  }
 }

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>
   );