Add Order Items and Shipments to Inventory Sidebar and Update Purchase Order Info

- Enhanced InventorySidebar by adding new entries for Order Items and Shipments with corresponding icons and paths.
- Updated PurchaseOrderInfo to include a modal for adding new order items, integrating the NewOrderItem component and managing its visibility state.
- Adjusted label width in PartStockInfo and DocumentTemplateInfo for improved layout consistency.

src/components/Dashboard/Inventory/InventorySidebar.jsx

@@ -7,6 +7,8 @@ import ProductStockIcon from '../../Icons/ProductStockIcon'
 import StockEventIcon from '../../Icons/StockEventIcon'
 import StockAuditIcon from '../../Icons/StockAuditIcon'
 import PurchaseOrderIcon from '../../Icons/PurchaseOrderIcon'
+import ShipmentIcon from '../../Icons/ShipmentIcon'
+import OrderItemIcon from '../../Icons/OrderItemIcon'
 
 const items = [
   {
@@ -41,6 +43,18 @@ const items = [
     icon: <PurchaseOrderIcon />,
     path: '/dashboard/inventory/purchaseorders'
   },
+  {
+    key: 'orderitems',
+    label: 'Order Items',
+    icon: <OrderItemIcon />,
+    path: '/dashboard/inventory/orderitems'
+  },
+  {
+    key: 'shipments',
+    label: 'Shipments',
+    icon: <ShipmentIcon />,
+    path: '/dashboard/inventory/shipments'
+  },
   { type: 'divider' },
   {
     key: 'stockevents',
@@ -63,7 +77,9 @@ const routeKeyMap = {
   '/dashboard/inventory/productstocks': 'productstocks',
   '/dashboard/inventory/stockevents': 'stockevents',
   '/dashboard/inventory/stockaudits': 'stockaudits',
-  '/dashboard/inventory/purchaseorders': 'purchaseorders'
+  '/dashboard/inventory/purchaseorders': 'purchaseorders',
+  '/dashboard/inventory/orderitems': 'orderitems',
+  '/dashboard/inventory/shipments': 'shipments'
 }
 
 const InventorySidebar = (props) => {