Setup ui components package

[hyukkwonepic]

Description

• Setup ui component package with shadcn/ui
• Build the package and consume it from the nextjs application
• Integrate NX

Logs

• https://dev.to/nx/setup-a-monorepo-with-pnpm-workspaces-and-speed-it-up-with-nx-1eem

• https://github.com/scheduleonce/once-ui

• https://pnpm.io/workspaces

• https://vitejs.dev/guide/build#library-mode

• Declared type for module 'class-variance-authority/types' in global.d.ts as there is a typescript error when using with pnpm

  Error example:

  src/components/shadcn/label.tsx:13:7 - error TS2742: The inferred type of 'Label' cannot be named without a reference to '.pnpm/[email protected]/node_modules/class-variance-authority/types'. This is likely not portable. A type annotation is necessary.
  
  13 const Label = React.forwardRef<
  

  Solution suggestions: "The inferred type of X cannot be named without a reference to Y" (TS2742) occurs when multiple modules with the same package ID are resolved microsoft/TypeScript#47663 (comment)