Blogging Prompts Feature Introduction: allow prompt card size to be dynamic

[ScoutHarris]

Ref: #18176

The prompt card width and height are now dynamic.

• The width is 75% of the screen width.
• The height is determined by the card's layout.

To test:

• Enable bloggingPrompts feature flag.
• When the app launches, the Feature Introduction appears.
• Verify the example prompt card is not as wide as it was previously.
• Change the text size.
• Verify the example prompt card height changes dynamically.
• NOTE: The header view doesn't resize correctly. This is a separate issue with the CollapsableHeaderViewController.

Before	After

Regression Notes

1. Potential unintended areas of impact
   N/A

2. What I did to test those areas of impact (or what existing automated tests I relied on)
   N/A

3. What automated tests I added (or what prevented me from doing so)
   N/A

PR submission checklist:

• I have completed the Regression Notes.
• I have considered adding unit tests for my changes.
• I have considered adding accessibility improvements for my changes.
• I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

[ScoutHarris]

Hey @iamthomasbishop .

I know when we DM'ed about the size of the card, you referred to it being regular card component just scaled down to like 80% or something. However, the card isn't a static size so that wasn't exactly possible. So in this context I made it 75% of the screen width, which may be about the same. But let me know what you think. Thanks!

[wpmobilebot]

You can test the changes in Jetpack from this Pull Request by:

• Clicking here or scanning the QR code below to access App Center
• Then installing the build number pr18454-0a30b78 on your iPhone

If you need access to App Center, please ask a maintainer to add you.

[wpmobilebot]

You can test the changes in WordPress from this Pull Request by:

• Clicking here or scanning the QR code below to access App Center
• Then installing the build number pr18454-0a30b78 on your iPhone

If you need access to App Center, please ask a maintainer to add you.

[iamthomasbishop]

@ScoutHarris That looks great, thank you! 👍

[iamthomasbishop]

@ScoutHarris Just to confirm, when you say "75% of the screen width" does that apply to iPad as well?

[ScoutHarris]

Hey @iamthomasbishop .

when you say "75% of the screen width" does that apply to iPad as well?

Yea it does. Sorry, I meant to ask about iPad. I wasn't sure what it was supposed to look like there, so it is the same regardless. If you'd prefer something else, just let me know. Thanks!

[dvdchr]

Left one minor comment. Otherwise, changes are looking good (code-wise).