1162 epic improve lab searching

[ejt7508]

• Used tw-w-full to prevent some searches from displaying labs with a smaller width
• Removed search button
• Search is automatic even with filters
• Added filtering module
• Allowed for combined searches (difficulty+topic+text)

Risks

• Refactored searching and removed some unneeded variables

• No discrepancies across browsers (ex: chrome vs safari)

• Accessibility functions

• Pages can scale without distorting page

• No dead links

• Navbar is consistent across the site

• Pages are screen-reader accessible

• Contrast meets standards for accessibility

• Pages are keyboard accessible

• Code is cleaned up and bug-free (ex: debug statements removed)

[ejt7508]

If we want search to be automatic, should I remove the search button?

[shmowen]

• Changed search icon to a magnifying glass

Honestly yeah, I don't see a need for both to be there.

[JackyFTW]

• Changed search icon to a magnifying glass

Honestly yeah, I don't see a need for both to be there.

Agreed. Also look at #ui-ux channel on Discord for additional styling changes for the filtering stuff and mobile tweaks.

[shmowen]

When there are no labs that match the filters given, I think there should be a small message that says something along the lines of:

"There are no labs that fit these filters! Try some different search options to find the lab you're looking for"

Doesn't have to be that exactly btw.