Add Filtering Options to Staff Picks in Tools Directory

[yemisi567]

Before submitting your PR for review

• Run npm run eslint to find errors in code syntax/format
• Run npm run eslint:fix to fix all auto-fixable errors in source code and auto-format with prettier
• Ensure you fix any linting errors displayed after running any of the above commands
• Ensure you fix all merge conflicts before sending PR

What does this PR do? Add Filtering options for 'staff picks' on tools directory

Fixes #issue_number (replace issue_number with the issue number this PR solves)

Summarise the main tasks handled in the pull request

OnClick on staff picks in the tools directory a drop down pops up where you can filter all the plugin tools available.

Description of Task to be completed?

Describe (in detail) what the task completed in the pull request does as per the relevant task

How should this be manually tested? Step 1: from the home page click on tools directory Step 2: Click on staff picks Step 3: filter by any option of your choice.

you can try it out here https://staffpicksfilter.netlify.app/

Give bullet point instructions on how to setup the code and test it manually (Assume no prior experience on JS or code) @oscar-ekeyekwu @hokagedemehin @hokagedemehin

[Davien21]

Hi, you have merge conflicts. if you're still interested in working on this, dm