updated project page filters to show tools

[partapparam]

Fixes #6196

What changes did you make?

• Added Tools into Languages/Technologies filter on the projects page, revising it to Languages/Technologies/Tools
• Update projectCardComponent to include Tools in the file for frequency tracking
• Refactored createFilter function so that Tools is added as a filter
• Added tools into updateProjectCardDisplayState
• Added tools to be tracked with technologies in the updateCategoryCounter

Why did you make the changes (we will use this info to test)?

• Provide users with the ability to filter projects based on Tools.
• Ensure that when a Tool is selected as a filter, it displays correctly as Tool: <tool-name>
• Ensure that projects-check page does not change

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Visuals after changes are applied

[github-actions]

Want to review this pull request? Take a look at this documentation for a step by step guide!

From your project repository, check out a new branch and test the changes.

git checkout -b partapparam-update-projects-page-filter-6196 gh-pages
git pull https://github.com/partapparam/website.git update-projects-page-filter-6196

---

Note that CONTRIBUTING.md cannot previewed locally; rather it should be previewed at this URL:

https://github.com/partapparam/website/blob/update-projects-page-filter-6196/CONTRIBUTING.md  

[aadilahmed]

Review ETA: EOD 4/2/24
Availability: 9-5 PM Monday - Friday

[JackCasica]

Hi ~ I'll be reviewing this PR today ~
Availability: (04/01)
ETA: EOD (04/01)

[JackCasica]

Hi @partapparam ~ In this PR you...

• Consolidated Filter Category: The technologies filter category now includes languages, technologies, and tools. This consolidates these related items into a single filter, making it easier for users to find what they need. ✅

• Updated Project Card Component: The projectCardComponent function has been updated to include all languages, technologies, and tools in the data-technologies attribute of the project card. This allows the updateFilterFrequency function to accurately calculate and display the frequency of each filter item across the visible project cards. ✅

I did notice that something in the filtering logic on line 233 is preventing "ArcGIS surveys" from showing up in the new consolitated filter list:

Additionally the badge component that shows up when a category is selected is no longer accurate if the changes requested in the issue are implemented.

"Technology: ArcGIS surveys" should be "Tool: ArcGIS surveys"

I believe this should be addressed as part of this issue, but you may want to move the the issue to Questions / In Review to get clarification as to whether this piece should be it's own future issue before working on it.

[partapparam]

@JackCasica thanks for the detailed feedback. It looks like there was a conflicting merge after my submission so I've updated the code to reflect the changes.

[aadilahmed]

Filtering by tools works correctly on the project page, great job!

[partapparam]

@JackCasica can you review the updated pull request? I believe I have made the changes you requested, though I'm unsure how to mark your change request as complete.

[JackCasica]

@partapparam Looking at your changes locally, I see that the

• ArcGIS surveys does in fact show up ✅
• The badge text is accurate ✅
• The projects-check page is unchanged per the issue requirements ✅

Nice job with everything! ~