[ Feature ] - Implemented the filter card

[Pinaka-Pani-18]

Purpose

Now we can filter the cards by clicking on the tags.
Fixes #8052

[CLAassistant]

All committers have signed the CLA.

[sm1990]

In pre-built-integrations the once you add the 3rd filter, the second one gets replaced.
In enterprise-integration-patterns and Integration tutorials, the 2nd filter is not working.
Remove the package-lock.json from the PR, since you haven't installed any new packages.

[Pinaka-Pani-18]

In pre-built-integrations the once you add the 3rd filter, the second one gets replaced. In enterprise-integration-patterns and Integration tutorials, the 2nd filter is not working. Remove the package-lock.json from the PR, since you haven't installed any new packages.

In the 'pre-built-integrations' section, there was a duplicate issue, which I will fix. However, in the 'enterprise-integration-patterns' and 'Integration tutorials' sections, it is working fine. If any of the selected tags is present, it will display the card as shown in the video.

00-57-49.mp4

[sm1990]

@Pinaka-Pani-18 please check the following videos.

EIP.mp4

IT.mp4

pre-built.mp4

[Pinaka-Pani-18]

In the first two videos, it works like this: If any of the selected tags are present, it shows the card.
Are you expecting it to filter only when both tags are present on the card to display it?

In the third video, there are duplicates, so it seems to be working like that. I will fix it.

[sm1990]

In the first two videos, it works like this: If any of the selected tags are present, it shows the card. Are you expecting it to filter only when both tags are present on the card to display it?

Yes. When you add the 2nd filter, it should select cards that have both tags.

[Pinaka-Pani-18]

Hi @sm1990, I have made the necessary changes. Could you please review it now?

[sm1990]

@Pinaka-Pani-18 Thank you very much for your contribution. We are currently hosting a Ballerina Hacktoberfest. Since this issue is eligible for our event, please visit https://ballerina.io/hacktoberfest/#rules & submit the form. 😄