AspectRatioDropdown: List theme aspect ratios as decimal values

[stian-overasen]

What?

This PR fixes the bug with custom theme aspect ratios (Issue #66077) in the image cropper tool by mapping the theme ratios as decimal values in the AspectRatioDropdown component (Same as is already done for the default aspect ratios)

Why?

Solved issue #66077.

How?

Map theme aspect ratios as calculated decimal values (16:9 = 1.777) the same was that is already done for default aspect ratios.

Testing Instructions

1. Add a custom aspect ratio to your theme.json. Example below.
2. Open a post or page.
3. Insert Image block and select a image.
4. Open the cropping tool.
5. Open the Aspect Ratio dropdown and observe your custom theme ratio in the list.
6. Select the custom ratio.
7. Observe that the crop area changes to reflect your selection.

Example of custom theme aspect ratio in theme.json:

"dimensions": {
  "aspectRatios": [
    {
      "name": "Ultra Wide - 21:9",
      "slug": "21-9",
      "ratio": "21/9"
    }
  ]
},

Screencast before fix:

before.mp4

Screencast after fix:

after.mp4

[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: stian-overasen <[email protected]>

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

[github-actions]

👋 Thanks for your first Pull Request and for helping build the future of Gutenberg and WordPress, @stian-overasen! In case you missed it, we'd love to have you join us in our Slack community.

If you want to learn more about WordPress development in general, check out the Core Handbook full of helpful information.

[stian-overasen]

Any update on this issue @ellatrix @carolinan? Seems like low-hanging fruit.