Templates: improve text element usage

[miina]

Context

Improves templates by using Fill / Highlight / Border features of the text element instead of using separate shape for the same effect.

Summary

Relevant Technical Choices

To-do

User-facing changes

Buttons etc. in templates that previously used a text element + background shape for the background / border now use Fill / border features instead. Note that this was not possible in 100% places, e.g. in some places it seemed like the text was purposefully not vertically centred, making it not possible to use the Fill background feature.

Testing Instructions

• This is a non-user-facing change and requires no QA

This PR can be tested by following these steps:

1. Check some templates (see the Files changed to see which templates have been changed) and see that where possible, button-like elements and other texts with background now consist of 1 text element with Fill background / border instead of text + shape.

Reviews

Does this PR have a security-related impact?

Does this PR change what data or activity we track or use?

Does this PR have a legal-related impact?

Checklist

• This PR addresses an existing issue and I have linked this PR to it in ZenHub
• I have tested this code to the best of my abilities
• I have verified accessibility to the best of my abilities (docs)
• I have verified i18n and l10n (translation, right-to-left layout) to the best of my abilities
• This code is covered by automated tests (unit, integration, and/or e2e) to verify it works as intended (docs)
• I have added documentation where necessary
• I have added a matching Type: XYZ label to the PR

---

Fixes #12032

[googleforcreators-bot]

Plugin builds for 8ede9e7 are ready 🛎️!

• Download development build
• Download production build