feat: added logo

frontend/src/components/MainPage.tsx

-import { Breadcrumb, Layout, Menu } from 'antd';
+import { Breadcrumb, Button, Layout, Menu, Image } from 'antd';
 import React from 'react';
 const { Header, Content, Footer } = Layout;
 import 'antd/dist/antd.css'
+import MenuItem from 'antd/lib/menu/MenuItem';
+import logo from '../LogoMovieBase.png';
+import '../styles/MainPage.css';
 
 const MainPage = () => (
   <Layout className="layout">
     <Header>
-      <div className="logo" />
+        
+    
+      
       <Menu
         theme="dark"
         mode="horizontal"
         defaultSelectedKeys={['2']}
-        items={new Array(5).fill(null).map((_, index) => {
-          const key = index + 1;
-          return {
-            key,
-            label: `nav ${key}`,
-          };
-        })}
-      />
+      >
+        <Image src={logo} width={50} ></Image>
+        
+     
+        <Menu.Item>Home</Menu.Item>
+        <Menu.Item>Browse</Menu.Item>
+        <Menu.Item>Search</Menu.Item>
+        <Menu.Item>About</Menu.Item>
+    </Menu>
     </Header>
     <Content
       style={{
         padding: '0 50px',
       }}
     >
-      <Breadcrumb
-        style={{
-          margin: '16px 0',
-        }}
-      >
-        <Breadcrumb.Item>Home</Breadcrumb.Item>
-        <Breadcrumb.Item>List</Breadcrumb.Item>
-        <Breadcrumb.Item>App</Breadcrumb.Item>
-      </Breadcrumb>
-      <div className="site-layout-content">Content</div>
+    This is the content page and this is some Content
     </Content>
     <Footer
       style={{

frontend/src/styles/MainPage.css

+.logo{
+   object-fit: contain;
+}
\ No newline at end of file

frontend/src/styles/navigationbar.css

-nav {
-    margin: 50px auto;
-    max-width: 700px;
-    width: 95%;
-    font-family: 'Roboto Condensed', sans-serif;
-  }
-  #checkbox1,
-  .toggle {
-    display: none;
-  }
-  .menu {
-    padding: 0;
-    margin: 0;
-    max-width: 700px;
-    height: 50px;
-    border-radius: 5px;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-around;
-    align-items: center;
-    list-style-type: none;
-  }
-  .menu li a {
-    text-decoration: none;
-    align-self: center;
-    border-radius: 5px;
-    font-size: 14px;
-    padding: 10px 15px;
-    transition: background .2s linear;
-  }
\ No newline at end of file