updates on the login page and order page and fixed on the logo and the date validation

src/pages/nearle/login.js

@@ -163,7 +163,7 @@ const Login = () => {
           overflow: 'hidden',
           flexBasis: '46%',
           flexDirection: 'column',
-          justifyContent: 'space-between',
+          justifyContent: 'center',
           color: '#fff',
           p: 6,
           background: 'linear-gradient(150deg, #4D1C61 0%, #662582 52%, #9255AB 100%)'
@@ -193,33 +193,17 @@ const Login = () => {
           }}
         />
 
-        <Box sx={{ position: 'relative' }}>
+        <Box sx={{ position: 'relative', maxWidth: 430 }}>
-          <Box
-            sx={{
-              bgcolor: '#fff',
-              borderRadius: 2,
-              px: 1.5,
-              py: 0.75,
-              display: 'inline-flex',
-              boxShadow: '0 8px 20px rgba(0,0,0,0.18)'
-            }}
-          >
-            <img src={logo} alt="NearlExpress" style={{ height: 30, display: 'block' }} />
-          </Box>
-        </Box>
-
-        <Box sx={{ position: 'relative' }}>
           <Typography sx={{ fontSize: 34, fontWeight: 700, lineHeight: 1.18, letterSpacing: '-0.02em', mb: 2 }}>
             Operate your dispatch,
             <br />
             end to end.
           </Typography>
-          <Typography sx={{ fontSize: 16, color: 'rgba(255,255,255,0.82)', maxWidth: 430, lineHeight: 1.6 }}>
+          <Typography sx={{ fontSize: 16, color: 'rgba(255,255,255,0.82)', mb: 4, lineHeight: 1.6 }}>
             Orders, AI route optimisation, live rider tracking and billing — all in the NearlExpress operator console.
           </Typography>
-        </Box>
 
-        <Stack spacing={1.25} sx={{ position: 'relative' }}>
+          <Stack spacing={1.5} sx={{ display: 'inline-flex', textAlign: 'left' }}>
             {['Real-time fleet visibility', 'AI-optimised dispatch routes', 'Tenant, pricing & invoice control'].map((t) => (
               <Stack key={t} direction="row" spacing={1.25} alignItems="center">
                 <Box
@@ -242,6 +226,7 @@ const Login = () => {
             ))}
           </Stack>
         </Box>
+      </Box>
 
       {/* ---- Right form panel ---- */}
       <Box sx={{ flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center', p: { xs: 2.5, sm: 4 } }}>

src/pages/nearle/orders/orders.js

@@ -206,6 +206,16 @@ const ORDERS_STATUS_TABS = [
   { idx: 3, status: 'cancelled', label: 'Cancelled', color: '#ef4444', icon: MdCancel,         countKey: 'cancelled' }
 ];
 
+const formatOrderDate = (row) => {
+  const dateCandidates = [row.pickupslot, row.deliverydate, row.orderdate];
+  for (const candidate of dateCandidates) {
+    if (candidate && dayjs(candidate).isValid()) {
+      return `${dayjs(candidate).utc().format('DD/MM/YYYY')} ${dayjs(candidate).format('hh:mm A')}`;
+    }
+  }
+  return '—';
+};
+
 const Orders = () => {
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down('md'));
@@ -1469,7 +1479,7 @@ const Orders = () => {
                           {`${row.locationname}-(${row.locationsuburb})`}
                         </Typography>
                         <Typography variant="caption" sx={{ color: DT.textSecondary }}>
-                          {row.orderid} · {dayjs(row.pickupslot).utc().format('DD/MM/YYYY')} {dayjs(row.pickupslot).format('hh:mm A')}
+                          {row.orderid} · {formatOrderDate(row)}
                         </Typography>
                       </MobileField>
                       <MobileField label="Pickup">
@@ -1691,7 +1701,7 @@ const Orders = () => {
                       </Tooltip>
                       <Tooltip title="Pickup Slot">
                         <Typography noWrap sx={{ fontSize: '12px' }}>
-                          {dayjs(row.pickupslot).utc().format('DD/MM/YYYY')} {dayjs(row.pickupslot).format('hh:mm A')}
+                          {formatOrderDate(row)}
                         </Typography>
                       </Tooltip>
                     </TableCell>