checkout: UI + styles enhacnements

src/components/ProPhoneInput.tsx

@@ -13,6 +13,7 @@ interface ProPhoneInput {
   getValueCallback?: (value: string) => void;
   value?: string;
   onChange?: (value: string) => void;
+  hiddenLabel?: boolean;
 }
 
 const ProPhoneInput: FunctionComponent<ProPhoneInput> = ({
@@ -21,6 +22,7 @@ const ProPhoneInput: FunctionComponent<ProPhoneInput> = ({
   getValueCallback,
   value,
   onChange,
+  hiddenLabel = true,
 }) => {
   const form = useFormInstance();
   const { t } = useTranslation();
@@ -29,7 +31,7 @@ const ProPhoneInput: FunctionComponent<ProPhoneInput> = ({
   return (
     <Form.Item
       name={propName}
-      label={label}
+      label={hiddenLabel ? undefined : label}
       rules={[
         { required: true, message: t("validation.phoneRequired") },
         {
@@ -60,7 +62,7 @@ const ProPhoneInput: FunctionComponent<ProPhoneInput> = ({
         themeName={themeName}
         placeholder={t("login.mobileNumber")}
         propName={propName}
-        label={label}
+        label={hiddenLabel ? undefined : label}
       />
     </Form.Item>
   );