Allow bech32 address on flyover pegout recipient option

Author: ronaldsg20

package-lock.json

@@ -246,7 +246,8 @@ export default defineComponent({
         const { bridgeContractAddress } = pegOutTxState.value.pegoutConfiguration;
         const { valid, addressType } = validateAddress(btcRecipientAddress);
         const allowedAdressType = (addressType === constants.BITCOIN_LEGACY_ADDRESS
-          || addressType === constants.BITCOIN_SEGWIT_ADDRESS);
+          || addressType === constants.BITCOIN_SEGWIT_ADDRESS
+          || addressType === constants.BITCOIN_NATIVE_SEGWIT_ADDRESS);
         const amountPlusFees = selectedQuote.value.quote.value
           .plus(selectedQuote.value.quote.gasFee)
           .plus(selectedQuote.value.quote.productFeeAmount)

src/pegout/components/PegoutForm.vue

@@ -240,12 +240,13 @@ export default defineComponent({
       return '';
     });
 
-    const btcAddressPlaceholder = `Paste your (Legacy or Segwit) ${environmentContext.getBtcTicker()} address`;
+    const btcAddressPlaceholder = `Paste your (Legacy, Segwit or Bech32) ${environmentContext.getBtcTicker()} address`;
 
     const isValidBtcAddress = computed(() => {
       const { valid, addressType } = validateAddress(btcAddress.value);
       return valid && (addressType === constants.BITCOIN_LEGACY_ADDRESS
-      || addressType === constants.BITCOIN_SEGWIT_ADDRESS);
+      || addressType === constants.BITCOIN_SEGWIT_ADDRESS
+      || addressType === constants.BITCOIN_NATIVE_SEGWIT_ADDRESS);
     });
 
     const showAddressWarning = computed(