Further UI Updates

client/src/components/header/header.component.jsx

@@ -14,7 +14,7 @@ import Icon, {
   UnorderedListOutlined,
   UserOutlined,
 } from "@ant-design/icons";
-import { Menu } from "antd";
+import { Layout, Menu } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { BsKanban } from "react-icons/bs";
@@ -67,10 +67,11 @@ function Header({
   const { t } = useTranslation();
 
   return (
-    <div style={{ display: "flex", alignContent: "center" }}>
+    <Layout.Header>
       <Menu
         mode="horizontal"
-        theme="light"
+        //theme="light"
+        theme={"dark"}
         style={{ flex: 5 }}
         selectedKeys={[selectedHeader]}
         onClick={handleMenuClick}
@@ -351,7 +352,7 @@ function Header({
           ))}
         </Menu.SubMenu>
       </Menu>
-    </div>
+    </Layout.Header>
   );
 }