feat(ui): Flowbite header and sidebar

[andrewrisse]

First PR for converting to Flowbite.

• Adds Flowbite and TailwindCSS
• Refactors the header, sidebar, settings/user side drawers, and toast store
• Removes SASS Carbon preprocessor styling injects (ex implication: gap: layout.$spacing-03; becomes gap: 0.5rem;)
• Fixes playwright tests so that they run locally again (broken with Playwright CI story)
• Updates tests so all unit and E2E tests are still passing despite mix of carbon and flowbite components

Deployed on LF-04
LeapfrogAI - Chat - 22 July 2024 - Watch Video

[BillyFigueroa]

It looks like a good amount of the changes were un-doing a lot of the scss variables provided by carbon. I would likely recommend created some sort of js file you can export those types of values or doing something in scss/ postcss where you are creating your own utility classes, maybe even with the same name, to replace with and remove the problem of repetition as well as when you might need to make a chance in the future, you change it in one place

[andrewrisse]

It looks like a good amount of the changes were un-doing a lot of the scss variables provided by carbon. I would likely recommend created some sort of js file you can export those types of values or doing something in scss/ postcss where you are creating your own utility classes, maybe even with the same name, to replace with and remove the problem of repetition as well as when you might need to make a chance in the future, you change it in one place

Very valid point, but those changes are temporary (like changing tomorrow) as we move to flowbite. They just let the app compile while we remove the carbon sass precompile stuff.

[BillyFigueroa]

It looks like a good amount of the changes were un-doing a lot of the scss variables provided by carbon. I would likely recommend created some sort of js file you can export those types of values or doing something in scss/ postcss where you are creating your own utility classes, maybe even with the same name, to replace with and remove the problem of repetition as well as when you might need to make a chance in the future, you change it in one place

Very valid point, but those changes are temporary (like changing tomorrow) as we move to flowbite. They just let the app compile while we remove the carbon sass precompile stuff.

Copy 🙌🏽