mm-112-menuoptions: updated the import header

src/App.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import './App.scss';
 import Home from './Home/Home';
-import Header from './Header/header';
+import Header from './Header/Header';
 import { Quiz } from './Quiz/Quiz';
 import Footer from './Footer/Footer';
 

src/Header/header.tsx

@@ -1,11 +1,17 @@
 import React from 'react';
 import Hamburger from '../Hamburgerbutton/Hamburgerbutton';
 
+const logo = require('../ImageAssets/marsiokartlogo.jpg')
+
 const Header: React.FC = () => {
+  const handleHamburgerClick = () => {
+    console.log('Hamburger menu clicked!');
+  };
+
   return (
     <div className="App">
-      {/* call to display the hamburger button and menu items */}
-      <Hamburger />
+      <Hamburger onClick={handleHamburgerClick} label={""}/>
+      <img src={logo} alt="Marsio Kart Logo" />
     </div>
   );
 };