Redesign "Breadcrumb"

[tbsbdr]

Description

User Stories

• As a user I want the Breadcrumb to be presented in an appealing and well structured way so that my cognitive costs are low.

Value

Acceptance Criteria (Desktop)

• Design Component "Breadcrumb" Variant "leveltwo, default": https://www.figma.com/file/EqAiB1wY7cYaMaitjyzup3/?node-id=109%3A48626
• apply remix icons ✅
• apply hover states to raw button
• note: align on visual guiding line where possible

Definition of done

• Functional requirements
  [ ] functionality described in the user story works
  [ ] acceptance criteria are fulfilled
• Quality
  [ ] codre review happened
  [ ] CI is green
  [ ] critical code received unit tests by the developer
  [ ] automated tests passed (if automated tests are not available, this test needs to be created and passed
• Non-functional requirements
  [ ] no sonar cloud issues

visual guiding line:

[pascalwengerter]

There's a different definition of "hover state for raw button" in this ticket - the breadcrumb items raw buttons (aka links into folders) have an underline as hover state, while the "show breadcrumb context menu" raw button changes its background color (and does so differently than, for example, the dropdown raw buttons in other tickets. This may become a pain, esp. when taking theme-ability into consideration)

[tbsbdr]

dropdown raw buttons in other tickets

found deviating 3-dot button in the spaces design (and corrected it) - did you mean those / do you have a pointer for me so that I can unify/streamline them?