Implement Progressive Profile Info Flow

The goal is to implement a progressive information flow when interacting with a profile, so users can gradually access more details step by step
The Steps:

• Initial View — Basic Info:
  When a user sees a profile they only see basis information: name, surname, and avatar.
  when the user hovers over the profile, a profile card will appear
  We need to determine what should happen if the user clicks on the name or avatar directly from this state, instead of hovering.

  

• On Hover — Profile Card:
  When the user hovers over the profile, a hover card appears, showing more detailed information
  

  

• Click on name — Open Sidebar for More Details:
  If the user wants to explore further, they can click to open a sidebar, which contains an extended profile summary
  

  
  

  
  Note:We need to analyse and define the exact behavior for both:

  • Click on avatar → behavior needs to be clarified: should it open the sidebar as well, or trigger a different action?

• Final Step — Full Profile Page:
  From the sidebar, the user can choose to navigate to the profile page

  

  
  At every step, we need to do analysis and define what happens when the user clicks on the name or avatar.