Add audio duration filter clarifications as strings

[obulat]

Fixes

Fixes #1538 by @obulat

Description

I've added the clarification as text so this PR does not change anything in the code. But if we want to style them differently, I would need to separate the names from the clarification texts. Please, let me think what you think.

Testing Instructions

Run the app and open the Audio search page filters.

Checklist

• My pull request has a descriptive title (not a vague title like Update index.md).
• My pull request targets the default branch of the repository (main) or a parent feature branch.
• My commit messages follow best practices.
• My code follows the established code style of the repository.
• I added or updated tests for the changes I made (if applicable).
• I added or updated documentation (if applicable).
• I tried running the project locally and verified that there are no visible errors.

Developer Certificate of Origin

Developer Certificate of Origin

Developer Certificate of Origin
Version 1.1

Copyright (C) 2004, 2006 The Linux Foundation and its contributors.
1 Letterman Drive
Suite D4700
San Francisco, CA, 94129

Everyone is permitted to copy and distribute verbatim copies of this
license document, but changing it is not allowed.


Developer's Certificate of Origin 1.1

By making a contribution to this project, I certify that:

(a) The contribution was created in whole or in part by me and I
    have the right to submit it under the open source license
    indicated in the file; or

(b) The contribution is based upon previous work that, to the best
    of my knowledge, is covered under an appropriate open source
    license and I have the right under that license to submit that
    work with modifications, whether created in whole or in part
    by me, under the same open source license (unless I am
    permitted to submit under a different license), as indicated
    in the file; or

(c) The contribution was provided directly to me by some other
    person who certified (a), (b) or (c) and I have not modified
    it.

(d) I understand and agree that this project and the contribution
    are public and that a record of the contribution (including all
    personal information I submit with it, including my sign-off) is
    maintained indefinitely and may be redistributed consistent with
    this project or the open source license(s) involved.

[github-actions]

Storybook and Tailwind configuration previews: Ready

Storybook: https://wordpress.github.io/openverse-frontend/1547
Tailwind: https://wordpress.github.io/openverse-frontend/1547/tailwind

Please note that GitHub pages takes a little time to deploy newly pushed code, if the links above don't work or you see old versions, wait 5 minutes and try again.

You can check the GitHub pages deployment action list to see the current status of the deployments.

[fcoveram]

It looks simple and works great.

My only suggestion is to eliminate the classification (shortest, short, medium, and long) and keep the time length, as SoundCloud does.

On the other hand, I wonder if it is fine using abbreviations such as min for meeting i18n requirements. If so, then I suggest using sec for seconds and adding a whitespace character between the number and the word. The outcome would be:

< 30 sec
30 sec-2 min
2-10 min
> 10 min

[zackkrida]

I decided to ask about this in the #polyglots channel. We can see if they have any suggestions:

https://wordpress.slack.com/archives/C02RP50LK/p1656514587496599

[obulat]

My only suggestion is to eliminate the classification (shortest, short, medium, and long) and keep the time length, as SoundCloud does.

That is actually much simpler and easier to understand ! :)

Thank you for asking in the polyglot channel, @zackkrida ! I think that these translations should be simple because they are hard-coded, and the values for seconds or minutes in strings like '30 sec - 1 min' do not change. If they did, we would have to go the pluralization route, which usually requires more effort. I'm going to go look at the channel :)

[zackkrida]

I think this is done. Nice!

[obulat]

Updated screenshot:

[krysal]

LGTM

[fcoveram]

It looks great ✨

[github-actions]

Playwright Failure Test Results

It looks like some of the Playwright tests failed. You can download the Playwright trace
output for both Storybook and Nuxt Playwright tests that have failed at the bottom of this
page, under the "Artifacts" section:

https://github.com/WordPress/openverse-frontend/actions/runs/2597398342

Read more about how to use this artifact here: https://github.com/WordPress/openverse-frontend/blob/main/test/playwright/README.md#debugging