Allow user to set the paywall content max width

[MojtabaHs]

Motivation

Sometimes, it's not ideal to use the entire width of the screen for the paywall.

↔️ Default Look

For example, a fullscreen paywall on an iPad looks like this by default:

_{👆This is a 10-inch iPad, but imagine a 13-inch!}

This extremely wide content looks off, doesn't it? Who needs a button that's 2752 px (or 1376 pt) wide?! 😱 (Specially with these short texts!)

---

✅ Customized with the New API

By limiting it to a more readable size, it looks like this:

_{👆The width of this paywall is limited to the native Readable Content Guide.}

Much better, right?

💡 Usage

PaywallView()
    .environment(\.paywallContentMaxWidth, UIViewController().view.readableContentGuide.layoutFrame.size.width)

_{👆I used the native readableContentGuide as Apple suggested for the device here, but the user can pass any value that suits them.}

---

More about this contribution

• Fully backward-compatible
• Works on all supported devices
• No breaking changes
• Tested on a real device (you can see the result in the provided gif images above)
• Works on both v4 and the new v5

[MojtabaHs]

Rebased on the main branch.

[MojtabaHs]

Any Updates here?