Profile > Consolidate project tabs

Purpose

The User Profile UI could be streamlined with pages such as Your Work and Explore, where groups and projects are listed as individual navigation elements. The User Profile should follow the same pattern, meaning that we should consolidate Contributed projects, Personal projects and Starred projects in the lefthand sidebar to Projects and display the lists via tabs instead.

Proposal

• Combine the sidebar navigation to one element Projects
  • Before:
  • After:
• Make Contributed, Personal, and Most starred separate tabs on User Profile > Projects
• Consider #396511 to simplify the page setup

Note: Adding filtering is a separate epic, so this issue should focus on converting the navigation elements to tabs only.

Old designs

• Reduce number of tabs to provide more focus on the actual content categories.
• Make the Projects content more robust and grouped.
  • Use a <select> menu or dropdown to change which projects are shown: All, Contributed, Personal, Starred
• Reduce duplication for activity and followers/following.
• From 9 tabs to a maximum of 5. "About" would only be present when a README exists.
• Follower/following count listed under the left user info, clicking either with a could greater than 0 could open dropdown with list of avatars and links or a modal with columns of avatars and links.

graph TD;
    A[Overview]-->|When README present| B[About];
    C[Activity]-->D[Activity];
    A-->D;
    E[Groups]-->F[Groups];
    G[Contributed projects]-->H[Projects];
    I[Personal projects]-->H;
    J[Starred projects]-->H;
    K[Snippets]-->L[Snippets];
    M[Followers]-->|No tab| N[Listed under user details];
    O[Following]--> |No tab| N[Listed under user details]

Before	After