Zh/add search bar

[zkhussain]

This PR adds modules search and filter, tested on all user roles. The backend PR for this (ius-csg/cslabs-backend#61).
Full-text search is performed on name and description.

• User can do a basic search which matches name, description, and tag names.
• User can search with options, which matches the results on multiple matching input fields, at least one is required to see search results.
• A user can see the search inputs inside tags in the search bar above it.
• A user can filter through modules, additionally admins can sort by their modules and type.
• A user can only select one sorting option, I had it to filter through multiple options, but some combinations don't make sense such as name and difficulty.

Couple concerns:

• Should non-creators be able to see module difficulty? Currently, I have it after date, let me know if that needs to be changed.
• The ModulesSearch component became a little large, I tried separating it, but some things were not working out, and I think it's still straight forward. Let me know if I should separate it.

Below are examples:

Search:

modules-search.mp4

Filter:

module-filter.mp4

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

0.0% Coverage
0.0% Duplication

[Cliftonz]

When hovering over the filter icon, the word filter should show up.

[Cliftonz]

Difficulty should be able to be seen by everyone.

Its a tightly coupled feature, thus it is ok that it is big. We just do not want multiple different things in the same PR or all PRs to be this big.

[Cliftonz]

lgtm

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

0.0% Coverage
0.0% Duplication

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

0.0% Coverage
0.0% Duplication