Implement new backend UI layout for submission lists

[NateWr]

Describe the problem you would like to solve The new submission lists (#7495) need as much width as possible and has a left sidebar that . The current UI has a fixed side navigation menu that uses up a lot of space.

Describe the solution you'd like Implement a collapsible side navigation panel. Mockups of a new backend UI can be found below. In addition to the open/collapsed state, the top navigation items are moved into the side panel.

Who is asking for this feature? This is needed for #7495.

Additional information Open: Collapsed:

The avatar shown in the mockups for the user profile is an optional extra. Support for that is filed at https://github.com/pkp/pkp-lib/issues/8899.

[NateWr]

@Devika008 one thing that is missing here is the journal switcher. When a user has a role in more than one journal, the current UI shows a button at the top left to switch between journals.

Can you incorporate this into your mockups and share the results here when you get a chance?

[Devika008]

The revised design of the updated submission dashboard for users who hold roles in multiple journals is as follows

There will be a drop down clickable icon next to the name of the journal incase the user holds role in more than one journal

On clicking the dropdown arrow: A pop-up menu will appear showing the alphabetical list of the journals the user is a part of. There could be an edge case where the user could be a part of almost 40-50 journals. In which case the alphabetical ordering of journals work as our mental model is more adept to recognising and scouting alphabetical ordering much more easily (cue phone contact book, friend lists on social media platform, etc.