update order details each 10 s and enhance the steppers UI and logic

src/pages/cart/components/CarPlateCard.tsx

@@ -6,16 +6,20 @@ import { useAppDispatch, useAppSelector } from "redux/hooks";
 
 export default function CarPlateCard() {
   const { t } = useTranslation();
-  const dispatch = useAppDispatch()
+  const dispatch = useAppDispatch();
 
-  const {plateCar} = useAppSelector(state => state.order)
+  const plateCar = useAppSelector((state) => state.order.plateCar);
   return (
     <>
       <ProInputCard
         title={t("cart.plateNumber")}
         dividerStyle={{ margin: "5px 0 0 0" }}
       >
-        <Form.Item label={t("cart.plateNumber")} name="plateNumber" style={{position:"relative", top: -5}}>
+        <Form.Item
+          label={t("cart.plateNumber")}
+          name="plateNumber"
+          style={{ position: "relative", top: -5 }}
+        >
           <Input
             placeholder={t("cart.plateNumber")}
             size="large"