Add Purchase Order Statistics section to InventoryOverview component

- Introduced a new collapsible section for Purchase Order Statistics.
- Updated collapse state management to include purchaseOrderStats.
- Integrated StatsDisplay component to show relevant purchase order data.

src/components/Dashboard/Inventory/InventoryOverview.jsx

@@ -13,7 +13,8 @@ const InventoryOverview = () => {
   const [collapseState, updateCollapseState] = useCollapseState(
     'InventoryOverview',
     {
-      inventoryStats: true
+      inventoryStats: true,
+      purchaseOrderStats: true
     }
   )
 
@@ -55,6 +56,27 @@ const InventoryOverview = () => {
             </Flex>
           </InfoCollapse>
 
+          <InfoCollapse
+            title='Purchase Order Statistics'
+            icon={null}
+            canCollapse={false}
+            active={collapseState.purchaseOrderStats}
+            onToggle={(isActive) =>
+              updateCollapseState('purchaseOrderStats', isActive)
+            }
+            className='no-t-padding-collapse'
+            collapseKey='purchaseOrderStats'
+          >
+            <Flex
+              justify='flex-start'
+              gap='middle'
+              wrap='wrap'
+              align='flex-start'
+            >
+              <StatsDisplay objectType='purchaseOrder' />
+            </Flex>
+          </InfoCollapse>
+
           <Flex gap='large' wrap='wrap'>
             <Flex flex={1} vertical style={{ minWidth: '300px' }}>
               <InfoCollapse