WIP Styling Changes

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

@@ -14,7 +14,7 @@ import Icon, {
   UnorderedListOutlined,
   UserOutlined,
 } from "@ant-design/icons";
-import { Avatar, Menu } from "antd";
+import { Menu } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { BsKanban } from "react-icons/bs";
@@ -67,10 +67,10 @@ function Header({
   const { t } = useTranslation();
 
   return (
-    <div style={{ display: "flex", alignItems: "center" }}>
+    <div style={{ display: "flex", alignContent: "center" }}>
       <Menu
         mode="horizontal"
-        theme="dark"
+        theme="light"
         style={{ flex: 5 }}
         selectedKeys={[selectedHeader]}
         onClick={handleMenuClick}
@@ -297,38 +297,15 @@ function Header({
             <Link to="/manage/shop/csi">{t("menus.header.shop_csi")}</Link>
           </Menu.Item>
         </Menu.SubMenu>
-      </Menu>
-      <GlobalSearch />
-      <Menu
-        mode="horizontal"
-        theme="dark"
-        selectedKeys={[selectedHeader]}
-        onClick={handleMenuClick}
-      >
+
+        <Menu.Item>
+          <GlobalSearch />
+        </Menu.Item>
         <Menu.SubMenu
           title={
-            <div>
-              {currentUser.photoURL ? (
-                <Avatar
-                  src={currentUser.photoURL}
-                  style={{
-                    margin: "10px",
-                  }}
-                />
-              ) : (
-                <Avatar
-                  style={{
-                    backgroundColor: "#87d068",
-                    margin: "10px",
-                  }}
-                  icon={<UserOutlined />}
-                />
-              )}
-
-              {currentUser.displayName ||
-                currentUser.email ||
-                t("general.labels.unknown")}
-            </div>
+            currentUser.displayName ||
+            currentUser.email ||
+            t("general.labels.unknown")
           }
         >
           <Menu.Item danger onClick={() => signOutStart()}>