feat: add storybook with tailwindcss, shadcn-ui, and chromatic visual test server

[MFarabi619]

What is the goal of this task?

Front-End development is notorious for being wildly painful experience. Designers are upset that their beautiful mockups aren't coming to life as they wanted them to, and developers are upset that design implementations aren't as straightforward as they could be, while not also scaling well.

This is not a technical issue, rather more of a communication+collaboration one. What if we could all just get along in peace? What if designers could design and developers could develop without blocking each other?

In order to address these challenges, we're supercharging our Design and Front-End workflows with the following for more vroom vroom:

Tailwind CSS	Shadcn/ui	Storybook	Chromatic
Write CSS but faster	Make UI components but faster	Document your frontend components and layouts	See UI differences and run test suites

Using these tools at scale is a big step forward for us as it eliminates many design-dev handoffs, provide a quicker feedback loop

The inclusion of Storybook is also mentioned in ADR #40.

The Tailwind primitives have already been added to the cuHacking Design System Figma to be used by designers.

Describe Any Technical Challenges Your Forsee With This

• Scaffolding anything in Nx has clearly proven to be a painful experience, as the default generators produce .cjs files rather than adhere to modern ESM syntax.
• Storybook and Chromatic tests need to be integrated into the CI pipelines
• Setting up design token integration with Figma

Additional context
Example use of Storybook from my side project:

Design Systems from others:

• Storybook Showcase