Crowdin export formatting fixes

[minimalsm]

Description

Changes

1. Wraps iframe videos in a figure element
2. Forces all ButtonLinks to span multiple lines

Reasoning

1. By wrapping an iframe in a block element we prevent an issue we were having where our translation service Crowdin would rebuild the page incorrectly (treating the iframe and the previous image as one block of text) when it was exported.

How we upload it:

How Crowdin rebuilds it:

2. The ButtonLink has the same bug where it was forced onto one block of text with any previous text. By spanning the ButtonLink over multiple lines we force Crowdin to render a block-level element instead of an inline element.

Usage examples

<!--- Good -->
<ButtonLink to="/eth2/merge/">
  The merge
</ButtonLink>

<!--- Bad -->
<ButtonLink to="/eth2/merge/">The merge</ButtonLink>

<!--- Good -->
Vitalik Buterin, when talking to Bankless podcast, presented 3 potential options that are worth discussing.

<figure>
  <iframe width="100%" height="315" src="https://www.youtube.com/embed/-R0j5AMUSzA?start=5841" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</figure>

<!--- Bad -->

Vitalik Buterin, when talking to Bankless podcast, presented 3 potential options that are worth discussing.

<iframe width="100%" height="315" src="https://www.youtube.com/embed/-R0j5AMUSzA?start=5841" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Related Issue

None

[gatsby-cloud]

Gatsby Cloud Build Report

ethereum-org-website-dev

🎉 Your build was successful! See the Deploy preview here.

Build Details

View the build logs here.

🕐 Build time: 8m

Performance

Lighthouse report

Metric	Score
Performance	🔶 21
Accessibility	💚 97
Best Practices	💚 93
SEO	🔶 79

🔗 View full report

[wackerow]

https://www.gatsbyjs.com/dashboard/5e02f963-3fe5-4e37-a1e7-ac05f7753a86/sites/dc7c4340-a8e9-44ed-b7be-883c70d2f02d/builds/6636792c-b872-4477-a9a5-c04879b467c4/details
Build passed after clearing cache on Gatsby side and rebuilding. Not sure why it didn't update here, but going to bring this in.

This is making me more in favor of just making a YouTube component that can be used more easily throughout the side. Very easy to make a mistake with the current setup, and we have pretty much standardized how we embed YouTube videos anyway. Can address this separately.