Migrate popup UI to Preact and Tailwind CSS

package.json

@@ -3,9 +3,10 @@
   "version": "2.0.0",
   "description": "An AI study assistant for your quizzes.",
   "scripts": {
-    "build": "npm run prettier && npm run lint && npm run fastBuild",
+    "build": "npm run prettier && npm run lint && npm run build:css && npm run fastBuild",
+    "build:css": "tailwindcss -i ./src/popup/style.css -o ./extension/popup/style.css",
     "fastBuild": "rollup -c",
-    "lint": "eslint . --ext .ts",
+    "lint": "eslint . --ext .ts,.tsx",
     "prettier": "prettier --write ."
   },
   "repository": {
@@ -29,19 +30,26 @@
     "@eslint/js": "^9.32.0",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-replace": "^6.0.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.4",
     "@types/chrome": "^0.1.1",
     "@types/node": "^24.1.0",
     "@typescript-eslint/eslint-plugin": "^8.26.1",
     "@typescript-eslint/parser": "^8.38.0",
+    "autoprefixer": "^10.5.0",
     "eslint": "^9.32.0",
     "eslint-config-prettier": "^10.1.8",
     "openai": "^5.23.2",
+    "postcss": "^8.5.14",
     "prettier": "^3.6.2",
     "rollup": "^4.46.2",
     "rollup-plugin-ts": "^3.2.0",
+    "tailwindcss": "^3.4.19",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.38.0"
+  },
+  "dependencies": {
+    "preact": "^10.29.1"
   }
 }