add new phone input

src/components/CustomBottomSheet/OfficeBottomSheet.tsx

@@ -3,6 +3,7 @@ import { OfficeDetailsType } from "features/order/orderSlice";
 import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { ProBottomSheet } from "../ProBottomSheet/ProBottomSheet";
+import ProPhoneInput from "../ProPhoneInput";
 
 const { TextArea } = Input;
 
@@ -108,16 +109,10 @@ export function OfficeBottomSheet({
             autoFocus={false}
           />
         </Form.Item>
-        <Form.Item name="phone" label={t("address.phone")}>
-          <Input
-            placeholder={t("address.phone")}
-            size="large"
-            style={{
-              fontSize: 14,
-            }}
-            autoFocus={false}
+        <ProPhoneInput
+          propName="phone"
+          label={t("address.phone")}
         />
-        </Form.Item>
         <Form.Item name="note" label={t("address.note")}>
           <TextArea
             placeholder={t("address.addressLabel")}