[Feature] CPF Library - Hard skill bucket

[skorekm]

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
• Each advancement level of the given bucket is expandable. The user can expand/collapse it by clicking the description or arrow next to it.
• Once the chosen advancement level is expanded, the user can see the list of skill categories that it contains
• Each tile with the category is expandable. The user can expand/collapse it by clicking it.
• Once the chosen category is expanded, the user can see the list of skills that it contains
• Each skill is expandable. The user can expand/collapse it by clicking it. It contains the skill description.
• When the user clicks the "An example way to pass level" button, they are redirected to a dedicated subpage
• There is a hover effect on:
  • advancement level Figma
  • "An example way to pass level" button Figma
  • arrow on the Category title Figma

Tasks:

• [ ] FE
• [ ] BE

Link to designs:

Figma Clickable prorotype