feat: added new /tools page

[akshatnema]

Description
This PR adds a brand new page for the list of tools that give users to filter the tools according to their needs. Various filter parameters are given to filter the tools accordingly. This PR should be merged after the approval and merging of #939 so that linearly the data will be updated in the UI as well. Also, this PR will be drafted until UI of the page is not completed.

Related issue(s)
Resolves #383

[netlify]

✅ Deploy Preview for asyncapi-website ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	eb73a88
🔍 Latest deploy log	https://app.netlify.com/sites/asyncapi-website/deploys/63a47e2859635a0008560c83
😎 Deploy Preview	https://deploy-preview-940--asyncapi-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[akshatnema]

@derberg can you please review the PR as majority of the UI and Filters are being completed. Certain UI fixes are remaining which will be completed soon.

[quetzalliwrites]

I know I'm no designer, but I wanted to leave a comment to compliment this page's design. I find it lovely and with a good UX. ✨

[derberg]

I second what @alequetzalli wrote. The difference is that #designismypassion and you know that once I say UI is great, it is great indeed 🤣 🤣 🤣 🤣 🤣

I'd only like to suggest one change that always comes to my mind when I see Free. My suggestion:

• rename Free to Open-source or FOSS
• rename Paid to Commercial

wdyt?

[akshatnema]

wdyt?

From my perspective, everything is ok because I just need to change a single line of text 😂. But definitely, we should ask @magicmatatjahu @alequetzalli regarding what's their view on these terms. They can give us more clarity over the terms we should use here.

[magicmatatjahu]

@akshatnema Please add separate between last select and button:

When I click on Filter button and then click outside, the dropdown should hide, but atm is still visible.

[magicmatatjahu]

And last thing, border radius has bad colors 😄

[magicmatatjahu]

I'm in favour of Open-source and Commercial

[akshatnema]

@magicmatatjahu @derberg A last query 😅, where should we include Tools Dashboard option in the Navbar?

[magicmatatjahu]

Change link for the Tools & Services

[akshatnema]

@derberg @magicmatatjahu all changes done, ready for review...

[quetzalliwrites]

From my perspective, everything is ok because I just need to change a single line of text 😂. But definitely, we should ask @magicmatatjahu @alequetzalli regarding what's their view on these terms. They can give us more clarity over the terms we should use here.

IN A SHOCKING MOVE, ALEJANDRA AGREED WITH @derberg 😂

ya... Open Source and Commercial is more accurate ✌🏽

[quetzalliwrites]

SOOOO PURRRTY 😍😍😍

[derberg]

Yay!!! merging

@magicmatatjahu @alequetzalli the only change after your last approval was that I asked @akshatnema to "hide" this new view for now, so for now navigation still points to /docs/tools.

Reason is that for now new tools view is pretty empty. In another PR @akshatnema will try to migrate table from /docs/tools to /tools and then we enable the view and set redirects (if needed - probably not) for old view

[derberg]

/rtm

[quetzalliwrites]

Yay!!! merging

@magicmatatjahu @alequetzalli the only change after your last approval was that I asked @akshatnema to "hide" this new view for now, so for now navigation still points to /docs/tools.

Reason is that for now new tools view is pretty empty. In another PR @akshatnema will try to migrate table from /docs/tools to /tools and then we enable the view and set redirects (if needed - probably not) for old view

ooooooh I see... cool! that makes sense

thanks for the extra context because I love learning and understanding changes happening