[Feature] 패키지 매니저 및 스타일링 라이브러리 변경 (#3)

* chore: `styled-components` => `vanilla-extract`

Related on: #1

* chore: `vitest` 및 `react-testing-library` 테스트 환경 설정

Related on: #1

* chore: `npm` => `pnpm` 패키지 매니저 변경

* fix: `storybook` 빌드 관련 에러 수정

* fix: 테스트 환경 수정

* chore: `chromatic` 연동 및 워크플로우 작성

.eslintignore

@@ -1,4 +1,6 @@
 node_modules
 *.js
 *.cjs
-*.ejs
+*.ejs
+apps/workshop
+setupTests.ts

.github/workflows/chromatic.yml

@@ -0,0 +1,53 @@
+name: 'Chromatic Deployment'
+
+on:
+  pull_request:
+    branches: [main]
+    paths:
+      - apps/workshop/**
+
+jobs:
+  chromatic-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18.16.0'
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        id: pnpm-install
+        with:
+          version: 8
+          run_install: false
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v3
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install Dependency
+        run: pnpm install -no-frozen-lockfile
+        working-directory: apps/workshop
+
+      - name: Publish Chromatic
+        id: chromatic
+        uses: chromaui/action@latest
+        with:
+          workingDir: apps/workshop
+          projectToken: ${{ secrets.CHROMATIC_TOKEN }}

.gitignore

@@ -36,3 +36,6 @@ yarn-error.log*
 # Misc
 .DS_Store
 *.pem
+
+*storybook.log
+storybook-static

.husky/pre-commit

@@ -1,7 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-npm run lint:style:fix
-npm run lint-front
-
-git diff --cached --name-only --diff-filter=ACM | xargs git add
+npm run lint-front