initialised commit on the ui converted in mui to astryx and changed the design to doormile

src/pages/nearle/dispatch/ActiveSection.js

@@ -8,7 +8,7 @@ import {
   MdInventory2
 } from 'react-icons/md';
 import dayjs from 'dayjs';
-import { CircularProgress } from '@mui/material';
+import { Spinner } from '@astryxdesign/core/Spinner';
 import { getStatusStyle, getActiveOrder } from './dispatchShared';
 import { OpenToast } from 'components/nearle_components/OpenToast';
 
@@ -87,7 +87,7 @@ const ActiveSection = ({
   if (isLoading) {
     return (
       <div className="empty-slot" style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', minHeight: '200px' }}>
-        <CircularProgress size={30} style={{ color: '#7b1fa2', marginBottom: '16px' }} />
+        <Spinner size="xl" style={{ marginBottom: '16px' }} />
         <div className="empty-slot-title">Loading active deliveries...</div>
       </div>
     );