Time To Read: Add border block support

[akasunil]

What?

Add border block support to the Time To Read block.

Part of #43247

Why?

Time To Read block is missing border support.

How?

Adds the border block support in block.json

Testing Instructions

• Go to Global Styles setting ( under appearance > editor > styles > edit styles > blocks )
• Make sure that Time To Read block's border is configurable via Global Styles
• Verify that Global Styles are applied correctly in the editor and frontend
• Edit template/page, Add Time To Read block and Apply the border styles
• Verify that block styles take precedence over global styles
• Verify that block borders display correctly in both the editor and frontend

Watch attached video for more information.

Screenshots or screencast

Blog-Home-.-Template-.-gutenberg-.-Editor-.-WordPress.2.webm

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: akasunil <sunil25393@git.wordpress.org>
Co-authored-by: aaronrobertshaw <aaronrobertshaw@git.wordpress.org>
Co-authored-by: jameskoster <jameskoster@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[aaronrobertshaw]

Thanks for putting this together @akasunil 👍

It is testing well for me but before we push ahead with this, I'd like to seek some extra opinions on whether the border controls should be shown by default. Particularly, given the dimension controls here are also hidden by default.

@jameskoster and @richtabor should we make these border controls optional similar to the suggestion here: #63543 (comment)?

[jameskoster]

@aaronrobertshaw yes I think that's a good suggestion; available but hidden by default.

[aaronrobertshaw]

This is looking good @akasunil 👍

✅ Global border styles apply correctly
✅ Block instance styles override global styles
✅ Box sizing takes into account border when parent enforces width

🚢

Screen.Recording.2024-07-30.at.5.53.08.PM.mp4