updates on the dispatch page and redesigned the maximum pages

src/menu-items/nearle.js

@@ -5,6 +5,7 @@ import { AiOutlineDashboard } from 'react-icons/ai';
 import { TbListDetails } from 'react-icons/tb';
 import { LiaFileInvoiceSolid } from 'react-icons/lia';
 import DirectionsBikeOutlinedIcon from '@mui/icons-material/DirectionsBikeOutlined';
+import RouteOutlinedIcon from '@mui/icons-material/RouteOutlined';
 
 // assets
 import {
@@ -49,6 +50,13 @@ const nearle = {
   title: <FormattedMessage id="MENU" />,
   type: 'group',
   children: [
+    {
+      id: 'dispatch',
+      title: <FormattedMessage id="Dispatch" />,
+      type: 'item',
+      url: '/nearle/dispatch',
+      icon: RouteOutlinedIcon
+    },
     {
       id: 'orders',
       title: <FormattedMessage id="Orders" />,