2705 sortby gallery

[JeremyFreiburger]

Resolves #2705

Adding a sort by feature the gallery page, includes 4 label properties to sort by, clear sorting feature, translated to all languages

Before/After screenshots (if applicable)

Things to check before submitting the PR

• I've written a descriptive PR title.
• I've added/updated comments for large or confusing blocks of code.
• I've included before/after screenshots above.
• I've asked for and included translations for any user facing text that was added or modified.
• I've updated any logging. Clicks, keyboard presses, and other user interactions should be logged. If you're not sure how (or if you need to update the logging), ask Mikey. Then make sure the documentation on this wiki page is up to date for the logs you added/updated.

[jonfroehlich]

Wow, neat! I do find this UI a bit confusing and a little messy. @misaugstad, thoughts? Maybe we can have Jiho help?

[JeremyFreiburger]

I met with Jiho to redesign the "Sort By" feature. Our thoughts are to have the buttons highlight green when we hover over them and stay green when clicked - similar to the filter by style.

If a different design than arrow buttons is prefered, she designed these very cool mock ups.
@misaugstad you had previously mentioned that a drop down menu would be an additional click. Jiho is currently working on an issue to redesign the gallery page to no longer have a drop down menu for label types(like the photos below) and a drop down for the Sort By might be a suitable design now.

Let me know your thoughts on a redesign?

[misaugstad]

At first glance I like it!

[JeremyFreiburger]

Here are more of Jiho's designs. If a dropdown still does not seem like an option, I prefer the first one in this screenshot.

Here is the figma link aswell with the design on the full webpage: https://www.figma.com/file/fY7gqNfLoD0zGMh25uVKFY/Untitled?type=design&node-id=0%3A1&mode=design&t=F2zCLVQozyn40gNv-1