[FE] CPF Dashboard - layout

[mczujowski]

Requirements:

• According to the designs.
• Top bar:
  • The top bar is fixed to the top of the page and is always visible.
  • Content of the top bar:
  • The CPF logo is located on the left side of the bar.
  • The notification icon is on the right side of the bar.
  • The user's avatar is on the right side of the bar, next to the notification icon.
• Sidebar:
  • The sidebar should be displayed on the left side of the page.
  • The sidebar can be collapsed by clicking the "<<" button.
  • When the sidebar is collapsed, clicking on the "CPF" logo expands the sidebar.
  • There is a hover effect on the side menu options in both states: collapsed and expanded. Figma
  • Available options: My space, People, CPF Library, Documentation

Tasks:

• [x] FE

Link to designs:

Figma Clickable prorotype