BOD-17 Basic creation of a contract functioning.

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

@@ -1,15 +1,8 @@
-import {
-  CalendarFilled,
-  CarFilled,
-  GlobalOutlined,
-  HomeFilled,
-  TeamOutlined,
-  FileAddFilled,
-  FileFilled
-} from "@ant-design/icons";
+import Icon, { CarFilled, FileAddFilled, FileFilled, GlobalOutlined, HomeFilled, TeamOutlined } from "@ant-design/icons";
 import { Avatar, Col, Menu, Row } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
+import { FaCalendarAlt, FaCarCrash } from "react-icons/fa";
 import { Link } from "react-router-dom";
 import UserImage from "../../assets/User.svg";
 import ManageSignInButton from "../manage-sign-in-button/manage-sign-in-button.component";
@@ -100,10 +93,17 @@ export default ({
                 {t("menus.header.home")}
               </Link>
             </Menu.Item>
-            <Menu.SubMenu title={t("menus.header.jobs")}>
+            <Menu.SubMenu
+              title={
+                <span>
+                  <Icon component={FaCarCrash} />
+                  <span>{t("menus.header.jobs")}</span>
+                </span>
+              }
+            >
               <Menu.Item key="schedule">
                 <Link to="/manage/schedule">
-                  <CalendarFilled />
+                  <Icon component={FaCalendarAlt} />
                   {t("menus.header.schedule")}
                 </Link>
               </Menu.Item>
@@ -131,7 +131,14 @@ export default ({
               </Menu.Item>
             </Menu.SubMenu>
 
-            <Menu.SubMenu title={t("menus.header.courtesycars")}>
+            <Menu.SubMenu
+              title={
+                <span>
+                  <CarFilled />
+                  <span>{t("menus.header.courtesycars")}</span>
+                </span>
+              }
+            >
               <Menu.Item key="courtesycarsall">
                 <Link to="/manage/courtesycars">
                   <CarFilled />