Change defaults style for the Breadcrumb Component to follow with Varbase Design System

Problem/Motivation

Following with the new Varbase Design System

Proposed resolution

• Override the default Breadcrumbs bootstrap variables.
  

  $breadcrumb-font-size: 1rem;
  $breadcrumb-padding-x: 0.0625rem;
  $breadcrumb-divider: '\F285';
  $breadcrumb-divider-flipped: '\F284';
  

• #3417636: Change default Breadcrumb Component to follow with Varbase Design System
• Switch to use Bootstrap Icons for the divider Chevron right
• Switch to use Bootstrap Icons for the flipped divider Chevron left

Remaining tasks

• ✅ File an issue about this project
• ✅ Addition/Change/Update/Fix to this project
• ✅ Testing to ensure no regression
• ➖ Automated unit/functional testing coverage
• ➖ Developer Documentation support on feature change/addition
• ➖ User Guide Documentation support on feature change/addition
• ➖ UX/UI designer responsibilities
• ➖ Accessibility and Readability
• ✅ Code review from 1 Varbase core team member
• ✅ Full testing and approval
• ✅ Credit contributors
• ✅ Review with the product owner
• ✅ Update Release Notes and Update Helper on new feature change/addition
• ✅ Release varbase-10.0.0-rc2, vartheme_bs5-3.0.0-beta7

Varbase update type

• ✅ No Update
• ➖ Optional Update
• ➖ Forced Update
• ➖ Forced Update if Unchanged

User interface changes

• N/A

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• Issue #3417638: Changed defaults style for the Breadcrumb Component to follow with Varbase Design System