Changed Logo and Header

logo has two variants. Changed story to reflect that. Updated header

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

@@ -7,9 +7,6 @@
   .logo {
     display: flex;
     align-items: center;
-    svg {
-      height: 60px;
-    }
     span {
       margin-left: 1rem;
       font-size: 1.7rem;

web/components/ui/Header/Header.tsx

@@ -1,6 +1,5 @@
 import { Layout } from 'antd';
-import { UserDropdown } from '../../common';
-import Logo from '../../logo';
+import { OwncastLogo, UserDropdown } from '../../common';
 import s from './Header.module.scss';
 
 const { Header } = Layout;
@@ -13,7 +12,7 @@ export default function HeaderComponent({ name = 'Your stream title' }: Props) {
   return (
     <Header className={`${s.header}`}>
       <div className={`${s.logo}`}>
-        <Logo />
+        <OwncastLogo variant='contrast'/>
         <span>{name}</span>
       </div>
       <UserDropdown />