IO-950 Time Ticket editing fix.

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

@@ -77,121 +77,83 @@ function Header({
         onClick={handleMenuClick}
         subMenuCloseDelay={0.3}
       >
-        <Menu.Item key="home">
-          <Link to="/manage">
-            <HomeFilled />
-            {t("menus.header.home")}
-          </Link>
+        <Menu.Item key="home" icon={<HomeFilled />}>
+          <Link to="/manage">{t("menus.header.home")}</Link>
         </Menu.Item>
-        <Menu.Item key="schedule">
-          <Link to="/manage/schedule">
-            <Icon component={FaCalendarAlt} />
-            {t("menus.header.schedule")}
-          </Link>
+        <Menu.Item key="schedule" icon={<Icon component={FaCalendarAlt} />}>
+          <Link to="/manage/schedule">{t("menus.header.schedule")}</Link>
         </Menu.Item>
         <Menu.SubMenu
-          title={
-            <span>
-              <Icon component={FaCarCrash} />
-              <span>{t("menus.header.jobs")}</span>
-            </span>
-          }
+          icon={<Icon component={FaCarCrash} />}
+          title={t("menus.header.jobs")}
         >
-          <Menu.Item key="activejobs">
-            <FileFilled />
+          <Menu.Item key="activejobs" icon={<FileFilled />}>
             <Link to="/manage/jobs">{t("menus.header.activejobs")}</Link>
           </Menu.Item>
-          <Menu.Item key="parts-queue">
-            <Link to="/manage/partsqueue">
-              <ToolFilled /> {t("menus.header.parts-queue")}
-            </Link>
+          <Menu.Item key="parts-queue" icon={<ToolFilled />}>
+            <Link to="/manage/partsqueue">{t("menus.header.parts-queue")}</Link>
           </Menu.Item>
-          <Menu.Item key="availablejobs">
+          <Menu.Item key="availablejobs" icon={<ImportOutlined />}>
             <Link to="/manage/available">
-              <ImportOutlined /> {t("menus.header.availablejobs")}
+              {t("menus.header.availablejobs")}
             </Link>
           </Menu.Item>
           <Menu.Divider />
-          <Menu.Item key="alljobs">
-            <UnorderedListOutlined />
+          <Menu.Item key="alljobs" icon={<UnorderedListOutlined />}>
             <Link to="/manage/jobs/all">{t("menus.header.alljobs")}</Link>
           </Menu.Item>
           <Menu.Divider />
 
-          <Menu.Item key="productionlist">
+          <Menu.Item key="productionlist" icon={<ScheduleOutlined />}>
             <Link to="/manage/production/list">
-              <ScheduleOutlined />
               {t("menus.header.productionlist")}
             </Link>
           </Menu.Item>
-          <Menu.Item key="productionboard">
+          <Menu.Item key="productionboard" icon={<Icon component={BsKanban} />}>
             <Link to="/manage/production/board">
-              <Icon component={BsKanban} />
               {t("menus.header.productionboard")}
             </Link>
           </Menu.Item>
           <Menu.Divider />
 
-          <Menu.Item key="scoreboard">
-            <LineChartOutlined />
+          <Menu.Item key="scoreboard" icon={<LineChartOutlined />}>
             <Link to="/manage/scoreboard">{t("menus.header.scoreboard")}</Link>
           </Menu.Item>
         </Menu.SubMenu>
         <Menu.SubMenu
-          title={
-            <span>
-              <UserOutlined />
-              <span>{t("menus.header.customers")}</span>
-            </span>
-          }
+          icon={<UserOutlined />}
+          title={t("menus.header.customers")}
         >
-          <Menu.Item key="owners">
-            <Link to="/manage/owners">
-              <TeamOutlined />
-              {t("menus.header.owners")}
-            </Link>
+          <Menu.Item key="owners" icon={<TeamOutlined />}>
+            <Link to="/manage/owners">{t("menus.header.owners")}</Link>
           </Menu.Item>
-          <Menu.Item key="vehicles">
-            <Link to="/manage/vehicles">
-              <CarFilled />
-              {t("menus.header.vehicles")}
-            </Link>
+          <Menu.Item key="vehicles" icon={<CarFilled />}>
+            <Link to="/manage/vehicles">{t("menus.header.vehicles")}</Link>
           </Menu.Item>
         </Menu.SubMenu>
         <Menu.SubMenu
-          title={
-            <span>
-              <CarFilled />
-              <span>{t("menus.header.courtesycars")}</span>
-            </span>
-          }
+          icon={<CarFilled />}
+          title={t("menus.header.courtesycars")}
         >
-          <Menu.Item key="courtesycarsall">
+          <Menu.Item key="courtesycarsall" icon={<CarFilled />}>
             <Link to="/manage/courtesycars">
-              <CarFilled />
               {t("menus.header.courtesycars-all")}
             </Link>
           </Menu.Item>
-          <Menu.Item key="contracts">
+          <Menu.Item key="contracts" icon={<FileFilled />}>
             <Link to="/manage/courtesycars/contracts">
-              <FileFilled />
               {t("menus.header.courtesycars-contracts")}
             </Link>
           </Menu.Item>
-          <Menu.Item key="newcontract">
+          <Menu.Item key="newcontract" icon={<FileAddFilled />}>
             <Link to="/manage/courtesycars/contracts/new">
-              <FileAddFilled />
               {t("menus.header.courtesycars-newcontract")}
             </Link>
           </Menu.Item>
         </Menu.SubMenu>
         <Menu.SubMenu
-          title={
-            <span>
-              <DollarCircleFilled />
-              <span>{t("menus.header.accounting")}</span>
-            </span>
-          }
+          icon={<DollarCircleFilled />}
+          title={t("menus.header.accounting")}
         >
           <Menu.Item key="bills">
             <Link to="/manage/bills">{t("menus.header.bills")}</Link>