Convert Groups Overview tabs to Vue
Problem to solve
As part of #44005 (closed), we introduced multiple tabs to be able to view varying scopes of subgroups and projects of a given group.
However, we're using a GroupsTree Vue component, while having to do a bit of "dirty" DOM manipulation to manage multiple instances of said Vue component, while switching tabs and manipulating the page layout (showing search bar in the top area of the page, depending on which tab is selected).
There's also a tiny bit of technical debt being added on the backend side to support the current implementation, e.g., the multiple routes to determine which tab to load. It would be ideal to handle this completely on the frontend.
Convert group overview tabs to be a single Vue application.
- Perhaps use vue-router or at least use location hashes to denote the different sections,.
- Rework any references to "action" (as that is now a vuex convention) to be "active_tab".