fixes

- change refresh icon & apply refreshing logic
- apply validation in action btn in menu
- preserve on customer info state upon refresh

src/pages/checkout/page.tsx

@@ -24,13 +24,13 @@ import { useEffect } from "react";
 export default function CheckoutPage() {
   const { t } = useTranslation();
   const [form] = Form.useForm();
-  const { phone, order, orderType, collectionMethod, coupon } =
+  const { phone, order, orderType, collectionMethod, coupon, customerName } =
     useAppSelector(selectCart);
   const { token } = useAppSelector((state) => state.auth);
   const dispatch = useAppDispatch();
   useEffect(() => {
-    form.setFieldsValue({ coupon, collectionMethod });
-  }, [form, phone]);
+    form.setFieldsValue({ coupon, collectionMethod, phone, customerName });
+  }, [form, phone, coupon, collectionMethod, customerName]);
 
   return (
     <>