feat: added tailwind

package.json

@@ -16,10 +16,14 @@
     "import": "cd ./import/ && tsc ./parseLibraryThingExport.ts --module esnext && node ./parseLibraryThingExport.js"
   },
   "dependencies": {
+    "@headlessui/react": "^2.2.1",
+    "@heroicons/react": "^2.2.0",
     "@payloadcms/db-postgres": "3.31.0",
     "@payloadcms/next": "3.31.0",
     "@payloadcms/payload-cloud": "3.31.0",
     "@payloadcms/richtext-lexical": "3.31.0",
+    "@tailwindcss/cli": "^4.1.4",
+    "@tailwindcss/postcss": "^4.1.4",
     "cross-env": "^7.0.3",
     "graphql": "^16.8.1",
     "next": "15.2.3",
@@ -33,9 +37,12 @@
     "@types/node": "^22.5.4",
     "@types/react": "19.0.12",
     "@types/react-dom": "19.0.4",
+    "autoprefixer": "^10.4.21",
     "eslint": "^9.16.0",
     "eslint-config-next": "15.2.3",
+    "postcss": "^8.5.3",
     "prettier": "^3.4.2",
+    "tailwindcss": "^4.1.4",
     "typescript": "5.7.3"
   },
   "engines": {

postcss.config.mjs

@@ -0,0 +1,6 @@
+const config = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+}
+export default config

tailwind.config.js

@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./src/**/*.{jsx,tsx}'], // tell tailwind where to look
+  darkMode: ['selector', '[data-theme="dark"]', '.dark'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}