chore: migrate from Tailwind v3 to v4 and upgrade dependencies

Major changes:
- Upgrade Tailwind CSS from v3 to v4 with @tailwindcss/postcss
- Remove deprecated Tailwind v3 configuration and PostCSS plugins
- Upgrade Zod from v3 to v4
- Update React Markdown and other dependencies to latest versions
- Remove @plaiceholder, @headlessui, and other unused dependencies
- Replace SCSS with standard CSS globals
- Add font packages (@fontsource-variable) for better typography
- Consolidate Prettier configuration to .prettierrc
- Remove legacy contact page and custom Payload SCSS
- Add Mantine hooks and Lucide React for improved UI components

package.json

@@ -1,6 +1,5 @@
 {
   "name": "xevion.dev",
-  "version": "0.1.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -11,55 +10,47 @@
     "start": "next start"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.27.16",
-    "@headlessui/react": "^2.2.0",
-    "@kodingdotninja/use-tailwind-breakpoint": "^1.0.0",
+    "@fontsource-variable/inter": "^5.1.0",
+    "@fontsource-variable/roboto": "^5.1.0",
+    "@fontsource-variable/roboto-mono": "^5.1.0",
+    "@fontsource/hanken-grotesk": "^5.1.0",
+    "@mantine/hooks": "^8",
     "@next/eslint-plugin-next": "^15.1.1",
-    "@octokit/core": "^6.1.2",
+    "@octokit/core": "^7.0.5",
     "@payloadcms/db-postgres": "^3.61.1",
     "@payloadcms/next": "^3.61.1",
     "@payloadcms/payload-cloud": "^3.61.1",
     "@payloadcms/richtext-lexical": "^3.61.1",
-    "@plaiceholder/next": "^3.0.0",
-    "@tailwindcss/typography": "^0.5.8",
     "@tanstack/react-query": "^5.90",
     "@vercel/analytics": "^1.5.0",
     "clsx": "^2.1.1",
-    "cssnano": "^7.0.6",
+    "cssnano": "^7.1.1",
     "graphql": "^16.11.0",
+    "lucide-react": "^0.548.0",
     "next": "^15.5.6",
     "p5i": "^0.6.0",
     "payload": "^3.61.1",
-    "plaiceholder": "^3.0.0",
-    "prettier": "^3.4.2",
     "react": "19.2.0",
     "react-dom": "19.2.0",
-    "react-icons": "^4.10.1",
-    "react-markdown": "^9.0.1",
+    "react-markdown": "^10.1.0",
     "react-wrap-balancer": "^1",
-    "sass": "^1.56.2",
     "sharp": "^0.34",
     "superjson": "^2.2",
-    "tailwind-merge": "^2.6.0",
-    "usehooks-ts": "^3.1.1",
-    "zod": "^3.24.1"
+    "tailwind-merge": "^3.3.1",
+    "zod": "^4.1.12"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.38.0",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "autoprefixer": "^10.4.7",
-    "eslint": "^9.17.0",
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^24.9.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "eslint": "^9.38.0",
     "eslint-config-next": "^15.1.1",
-    "postcss": "^8",
-    "prettier-plugin-tailwindcss": "^0.6.9",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^5"
-  },
-  "ct3aMetadata": {
-    "initVersion": "6.11.3"
+    "prettier": "^3.6.2",
+    "tailwindcss": "^4",
+    "typescript": "^5.7.2"
   },
   "packageManager": "pnpm@9.15.1+sha512.1acb565e6193efbebda772702950469150cf12bcc764262e7587e71d19dc98a423dff9536e57ea44c49bdf790ff694e83c27be5faa23d67e0c033b583be4bfcf"
 }