Transition profile page tabs to be navigation items in the new left sidebar

Details

When viewing a Profile, we should display the left sidebar containing links to the various sections of a profile that we currently use Tabs to navigate between. This is a better utilization of the page, while maintaining access to the global navigation.

Implementation Guide

Resources

• Figma link
• Prototype

When viewing a Profile...

• Display the left sidebar containing links to the various sections of a profile (currently displayed in Tabs). We'll be using this by creating a panel such as https://gitlab.com/gitlab-org/gitlab/-/blob/ad056d993207aae2e299cd0ce6dbd62183462d93/lib/sidebars/groups/panel.rb.
  • As a result, we'll be losing client-side routing until the profile page is reimplemented with Vue (&9056).
• [-] Show the Profile header (large avatar and profile details) only on the Profile overview page – Follow-up: #396511
• The context switcher should read the name of the Profile, and include a small version of the users' avatar (see design)
• [-] Breadcrumbs need to be added to these pages – TBD in follow-up: &10032 (closed)

🗒 Note: The design shows moving the current buttons that are in the top right of the page (follow, subscribe, edit, etc) to be in-line with breadcrumbs we plan to add here. This can be split off as a separate issue.