Improve status filters by making them independent on manage project page

[NatashaKSS]

Description

This PR's main goal is to solve the linked issue by creating a new status filter called "Managed by Me", so that users can select projects managed by them that have been archived. Currently, there's no way to do so because "Archived" and "Created by Me" filters are mutually exclusive.

We also improve the status filter toggling behaviour by making "Active", "Draft" & "Archived" filters separate from "Created by Me" and "Managed by Me". These filters have also been tested on mobile-sized screens to make sure they aren't awkwardly aligned.

(Beware: Unfamiliar with business logic)
Feel free to comment if I might have misunderstood the requirements here. I think it's easier to implement what I think should be the logic in code, and then work on this from here as a baseline.

Fixes #3829

Type of change

• New feature (non-breaking change which adds functionality)

How Has This Been Tested?

• Run yarn start in the ./frontend folder
• Navigate to the page Manage > View all projects
• Verify that filters can be toggled independently from each other
  • For projects "Created by Me", toggle each one of "Active", "Draft" & "Archived" filters
  • For projects "Managed by Me", toggle each one of "Active", "Draft" & "Archived" filters
• Run yarn test in the ./frontend folder. There were no unit tests for this file, so I tested my implementation on the UI.

Here is a reference screenshot (larger screens):

(mobile screens)

[willemarcel]

Fantastic, @NatashaKSS!!! It's very easy to review your pull requests! Thanks a lot for your collaboration! ❤️