[Feature] CPF Library - Career path overview

[mczujowski]

Requirements:

• According to the designs.
• Breadcrumbs are displayed at the top of the page. When the user clicks on the link is redirected to the given subpage
• Seniority and bands ladder of given career path:
  • Is displayed vertically.
  • Each band is a clickable button. When the user clicks it, the description of the band changes on the right side.
  • Active band has a different button color - Figma
  • Band button has a hover effect - Figma
• Band Description:
  • Band header
  • The salary range for the given band is displayed in PLN.
  • Threshold box - shows the user the minimal number of points required for the given band. The info pop-up appears when the user hovers over the "i" button.
  • Buckets lists:
  • A list of the buckets required to be completed for the given band is displayed.
  • There are 2 types of buckets: Hard skills and Soft skills.
  • Each bucket is a clickable. When the user clicks on it, it redirects them to the detailed band description subpage.
  • Buckets have a hover effect Figma

Tasks:

• [ ] FE
• [ ] BE

Link to designs:

Figma Clickable prorotype