feat(Design): Create design system

[breity]

Changes

• Create WISE design system
  • Update theming to use Sass APIs introduced in Angular Material v20
  • Customize Angular Material theme with WISE colors and typography
  • Customize Tailwind breakpoints to match Material 3 specs
  • Customize initial set of Angular Material components for WISE design
• Document design system using Storybook

Notes:

• Will remove styles-old.scss once all the apps have been updated to use new styles
• Will move component-specific customizations out of styles.scss to their own files once the legacy component scss files have been removed
• Will add more in the future (e.g. include layout code examples, add usage guidelines for other Tailwind features, etc.)

Test

• Run npm install to install dependencies.
• Run npm run storybook to start the Storybook server. Open http://localhost:6006/ in your browser (if it doesn't automatically launch).
• Review all documentation for clarity, functionality.

[hirokiterashima]

Looks good!

[hirokiterashima]

The site loads and looks good. Would be good to have a landing page to describe our design philosophy and goals for the site.