add burger, fix display border

.github/workflows/main.yml

@@ -1,32 +1,29 @@
-name: simple-app run build
-on:
-  push:
-    branches: [master]
-  pull_request:
-    branches: [master]
-jobs:
-  build:
-    runs-on: ubuntu-22.04
-    strategy:
-      matrix:
-        node-version: [20]
+# name: simple-app run build
+# on:
+#   push:
+#     branches: [master]
+#   pull_request:
+#     branches: [master]
+# jobs:
+#   build:
+#     runs-on: ubuntu-22.04
+#     strategy:
+#       matrix:
+#         node-version: [20]
 
-    steps:
-      - uses: actions/checkout@v4
-      - name: Install pnpm
-        uses: pnpm/action-setup@v4
-        with:
-          version: 9
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v4
-        with:
-          node-version: ${{ matrix.node-version }}
-          cache: 'pnpm'
-      - name: Install dependencies
-        run: pnpm install
-      - name: build production project
-        run: pnpm run build
-        if: always()
-      - name: start project
-        run: pnpm run start
-        if: always()
+#     steps:
+#       - uses: actions/checkout@v4
+#       - name: Install pnpm
+#         uses: pnpm/action-setup@v4
+#         with:
+#           version: 9
+#       - name: Use Node.js ${{ matrix.node-version }}
+#         uses: actions/setup-node@v4
+#         with:
+#           node-version: ${{ matrix.node-version }}
+#           cache: 'pnpm'
+#       - name: Install dependencies
+#         run: pnpm install
+#       - name: build production project
+#         run: pnpm run build
+#         if: always()

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+	"cSpell.words": ["vaul"]
+}

package.json

@@ -32,6 +32,7 @@
 		"react-icons": "^5.2.1",
 		"react-syntax-highlighter": "^15.5.0",
 		"tailwind-merge": "^2.4.0",
+		"vaul": "^0.9.1",
 		"zod": "^3.23.8"
 	},
 	"devDependencies": {