implementation on the dispatch and some change in the deliveries page

src/menu-items/nearle.js

@@ -3,6 +3,7 @@ import { FormattedMessage } from 'react-intl';
 import DirectionsBikeOutlinedIcon from '@mui/icons-material/DirectionsBikeOutlined';
 import ReceiptOutlinedIcon from '@mui/icons-material/ReceiptOutlined';
 import MopedOutlinedIcon from '@mui/icons-material/MopedOutlined';
+import NearMeOutlinedIcon from '@mui/icons-material/NearMeOutlined';
 import { TbListDetails } from 'react-icons/tb';
 
 // assets
@@ -48,6 +49,9 @@ const icons = {
   ImportOutlined,
   BarChartOutlined,
   ReceiptOutlinedIcon,
+  NearMeOutlinedIcon,
+  DirectionsBikeOutlinedIcon,
+  MopedOutlinedIcon,
   FileDoneOutlined
 };
 
@@ -147,6 +151,13 @@ const nearle = {
       type: 'item',
       url: '/nearle/invoice',
       icon: icons.ReceiptOutlinedIcon
+    },
+    {
+      id: 'dispatch',
+      title: <FormattedMessage id="dispatch" />,
+      type: 'item',
+      url: '/nearle/dispatch',
+      icon: icons.DirectionsBikeOutlinedIcon
     }
   ]
 };