Implement new status page design (#49)

.prettierrc

@@ -1,8 +1,17 @@
 {
-    "printWidth": 10000,
-    "semi": false,
-    "singleQuote": true,
-    "tabWidth": 2,
-    "trailingComma": "all",
-    "htmlWhitespaceSensitivity": "css"
+  "printWidth": 10000,
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 4,
+  "trailingComma": "all",
+  "htmlWhitespaceSensitivity": "css",
+  "plugins": ["prettier-plugin-blade", "prettier-plugin-tailwindcss"],
+  "overrides": [
+    {
+      "files": ["*.blade.php"],
+      "options": {
+        "parser": "blade"
+      }
+    }
+  ]
 }

package.json

@@ -7,6 +7,7 @@
         "fix:prettier": "prettier --write resources/js/**/*.{js,vue}"
     },
     "devDependencies": {
+        "@alpinejs/anchor": "^3.13.3",
         "@heroicons/vue": "^2.0.18",
         "@inertiajs/vue3": "^1.0.10",
         "@tailwindcss/forms": "^0.5.4",
@@ -18,10 +19,17 @@
         "laravel-vite-plugin": "^0.8.0",
         "postcss": "^8.4.20",
         "prettier": "^3.0.1",
-        "prettier-plugin-tailwindcss": "^0.5.3",
+        "prettier-plugin-blade": "^2.0.0",
+        "prettier-plugin-tailwindcss": "^0.5.11",
         "tailwindcss": "^3.2.4",
         "vite": "^3.0.0",
         "vue": "^3.3.4",
         "vue-loader": "^17.0.1"
+    },
+    "dependencies": {
+        "@alpinejs/collapse": "^3.13.3",
+        "@alpinejs/focus": "^3.13.3",
+        "@alpinejs/ui": "^3.13.3-beta.4",
+        "alpinejs": "^3.13.3"
     }
 }