update contact form

package.json

@@ -1,6 +1,6 @@
 {
   "name": "astroplate",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "Astro and Tailwindcss boilerplate",
   "author": "zeon.studio",
   "license": "MIT",
@@ -13,14 +13,14 @@
     "remove-darkmode": "node scripts/removeDarkmode.js && yarn format"
   },
   "dependencies": {
-    "@astrojs/image": "^0.17.2",
+    "@astrojs/image": "^0.17.3",
     "@astrojs/mdx": "^0.19.7",
     "@astrojs/react": "^2.2.1",
     "@astrojs/rss": "^2.4.3",
     "@astrojs/sitemap": "^2.0.1",
     "@astrojs/tailwind": "^4.0.0",
-    "astro": "^2.9.7",
-    "astro-auto-import": "^0.3.0",
+    "astro": "^2.10.1",
+    "astro-auto-import": "^0.3.1",
     "date-fns": "^2.30.0",
     "date-fns-tz": "^2.0.0",
     "disqus-react": "^1.1.5",
@@ -44,13 +44,13 @@
     "@tailwindcss/forms": "^0.5.4",
     "@tailwindcss/typography": "^0.5.9",
     "@types/marked": "^5.0.1",
-    "@types/node": "20.4.5",
+    "@types/node": "20.4.8",
     "@types/react": "18.2.18",
     "@types/react-dom": "18.2.7",
     "autoprefixer": "^10.4.14",
     "eslint": "^8.46.0",
     "postcss": "^8.4.27",
-    "prettier": "^3.0.0",
+    "prettier": "^3.0.1",
     "prettier-plugin-astro": "^0.11.0",
     "prettier-plugin-tailwindcss": "^0.4.1",
     "sass": "^1.64.2",

src/pages/contact.astro

@@ -27,17 +27,19 @@ const { title, description, meta_title, image } = contact.data;
               </label>
               <input
                 id="name"
+                name="name"
                 class="form-input"
                 placeholder="John Doe"
                 type="text"
               />
             </div>
             <div class="mb-6">
-              <label for="mail" class="form-label">
+              <label for="email" class="form-label">
                 Working Mail <span class="text-red-500">*</span>
               </label>
               <input
-                id="mail"
+                id="email"
+                name="email"
                 class="form-input"
                 placeholder="john.doe@email.com"
                 type="email"
@@ -48,9 +50,10 @@ const { title, description, meta_title, image } = contact.data;
                 Anything else? <span class="text-red-500">*</span>
               </label>
               <textarea
+                id="message"
+                name="message"
                 class="form-input"
                 placeholder="Message goes here..."
-                id="message"
                 rows="8"></textarea>
             </div>
             <button type="submit" class="btn btn-primary">Submit</button>