Change Varbase Branding Logo, Colors, fonts, Bootstrap 5 general change variables in Varbase Components and Varbase Storybook

Problem/Motivation

Having a new Varbase Branding logo and colors to follow with Varbase Design System

Proposed resolution

• Override Bootstrap ~5.3.0 variables with Varbase 10 Branding.
• Override the default primary font family to Inter - Regular, Italic Bold for sans serif.
• Override the default font size.
• Assumes the browser default, typically `16px`
• Override the default headings font sizes.
• Override the secondary color to use indigo-600.
• Override border radius for all breakpoints.
• Override border radius for Cards with no radius.
• Override border radius for buttons with no radius.
• Override the color and decoration of links.

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, varbase_components-2.0.0-beta1

Varbase update type

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

User interface changes

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• Issue #3415240: Changed Varbase Branding Logo, Colors, fonts, Bootstrap 5 general change variables in Varbase Components and Varbase Storybook