feat(v2): add tag filters to showcase page

[lisa761]

Motivation

closes #4238

Have you read the Contributing Guidelines on pull requests?

Yes

Additional Information

Right now, I am trying to update the sites rendered by using
filteredUsers = users.filter((user) => user.tags.includes(selectedTags)).
But this does not seem to work as includes is only defined on arrays, and although user.tags is an array in user.js it appears to be treated as an object inside the filter function.

There are two ways to go about this:

• either write a custom function for includes
• or convert the object into an array as @javidrashid suggested

Let me know if any of these work or if there is another better way to go about this.

[netlify]

[V1]

Built with commit 7c6c060

https://deploy-preview-4515--docusaurus-1.netlify.app

[netlify]

[V2]

Built with commit 7c6c060

https://deploy-preview-4515--docusaurus-2.netlify.app

[github-actions]

⚡️ Lighthouse report for the changes in this PR:

Category	Score
🟠 Performance	69
🟢 Accessibility	96
🟢 Best practices	100
🟢 SEO	100
🟢 PWA	95

Lighthouse ran on https://deploy-preview-4515--docusaurus-2.netlify.app/

[slorber]

thanks

that's the idea but you should use React state and embrace the React way of doing things ;)

[lex111]

We definitely don't need to show tags with empty sites, for example:

And ideally I'd rather see human readable labels something like that:

[slorber]

Hi @lisa761

I'm completing this PR and going to merge it tomorrow, please don't add new commits