Add fallback redirect button for browser-restricted auto redirection

[naqashm]

Summary

Some browsers block automatic redirection when initiated from an iframe or without a user gesture due to security restrictions (e.g., Chrome's cross-origin navigation policies). This update introduces a fallback button that allows users to manually trigger the redirect if the automatic redirection fails.

Changes

• Added a <button> element to the redirect page.
• Wrapped the redirection logic in a click event to ensure compliance with browser security policies.
• Provides a better UX by enabling users to proceed manually when necessary.

Why This Is Needed

Automatic redirection can fail silently in certain browser contexts, particularly when embedded or without user interaction. The fallback ensures consistent user flow across all environments.

Testing

Tested in:

• Chrome
• Firefox
• Safari

Redirection now works either automatically or via user interaction when needed.

[Kyon147]

This is a fair approach, I do think this is why Shopify have introduced the managed shopify flow which we have a PR for #415 which would remove this issue once everyone moves over.

I'll have a look at this PR once we get the managed flow out.

[naqashm]

ok cool, thanks mate.

[naqashm]

@Kyon147 Do we still need this after upgrading to the latest version 23.1.0? What about those who are not using Shopify's Managed App Installation?

[Kyon147]

This might be worthwhile for those that are not using managed installation and on Blade, as the issue only happens when using Blade as well I think.

[naqashm]

Yes, please spare sometime to look into this PR. Thanks.

[naqashm]

@Kyon147 Did you find time to check this one? As our app still facing this issue considering we are not using Shopify's Managed App Installation. Thank you.