[IndexFilters | Tabs] Add prefix prop to IndexFilters and readonly prop to Tab.

[mrcthms]

WHY are these changes introduced?

Fixes https://github.com/Shopify/web/issues/123422

The Markets team need some updates to the IndexFilters and Tabs components to support the new UI that they are building.

WHAT is this pull request doing?

This PR adds a prefix prop to the IndexFilters, which will render the ReactNode passed as the prop immediately to the left of the Tabs within the IndexFilters.

It also adds a new readonly prop to a Tab within the Tabs component, which will give the Tab a differing visual treatment, and remove any interactivity from the Tab itself.

How to 🎩

🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines

🎩 checklist

• Tested a snapshot
• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility
• Updated the component's README.md with documentation changes
• Tophatted documentation changes in the style guide

[mrcthms]

/snapit

[github-actions]

🫰✨ Thanks @mrcthms! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/polaris": "0.0.0-snapshot-20240409095421"

[Michael-Frangione]

This is great! Thanks for adding these features.

[translation-platform]

Localization quality issues found

The following issues may affect the quality of localized translations if they are not addressed:

• The value Clear for key Polaris.ActionList.SearchField.clearButtonLabel is very short. Short strings are more likely to be misunderstood by translators without context. Please provide additional context for the translators if possible.
• The value Search for key Polaris.ActionList.SearchField.search is very short. Short strings are more likely to be misunderstood by translators without context. Please provide additional context for the translators if possible.
• The value Search actions for key Polaris.ActionList.SearchField.placeholder is very short. Short strings are more likely to be misunderstood by translators without context. Please provide additional context for the translators if possible.

Please look out for other instances of this issue in your PR and fix them as well if possible.

Questions about these messages? Hop in the #help-localization Slack channel.