🛠️ [TASK] : MVE 1 / Navigation behaviour between spaces

[nielskijf]

Summary

Details how the navigation behaves between spaces.
Overal panel behaviour follows pattern of Arc browser

Description

Part of #726

Currrently

• The navigation switches directly to the new space on interaction in the bottom dot's menu.
  Pain: User has a hard time to learn which dot is what.

Improvements:

• Keep menu panel open on user navigation.
• On click/tab in the space, or interaction with a menu item, the user goes into the space, or into the space with specific target through menu interaction. (added click on menu item to be mobile compatible)
• Remove icon-button > from Space name in the top of the menu.
• Use correct spaces names . (See below)
• Add in stylized tool tips + shortcut indication. (This might need some custom svg's)

Prototype focus
Key / User / Unlocked state

Not in this prototype:
No key / First visit / visitor is only landing page, has no menu.
Guest state shows other content in the menu to be defined.


Video / Prototype link provided in #cat-voices / Navigation behaviour between spaces thread.

• Do not animate the bottom navigation element, if stays in place, on interaction.
• Custom tooltip figma link provided in #cat-voices as well. (Appears on hover dots)

Extra informaton:

• As treasury space only appears for SuperAdmin, I gave that another shortcut key - CTRL-T

• I put the treasury menu last, as it's an exception menu.

Putting treasury last leaves a chronologic order in numbers for the user facing spaces:


• 
Discovery Ctrl-1
• Workspace Ctrl -2

• Voting space Ctrl -3

• Funded project space Ctrl-4



Depending on role registration, not all shortcuts work, and this is a gentle reminder, 
that there is more to do in Catalyst

Correct spaces names:
Treasury space
Discovery space
Workspace
Voting space
Funded project space