Make some minor improvements

public/manifest.json

@@ -1,9 +1,23 @@
 {
   "$schema": "https://json.schemastore.org/web-manifest-combined.json",
-  "name": "qwik-project-name",
-  "short_name": "Welcome to Qwik",
+  "name": "collabender",
+  "short_name": "Collabender",
   "start_url": ".",
   "display": "standalone",
   "background_color": "#fff",
-  "description": "A Qwik project app."
+  "theme_color": "#fff",
+  "description": "A collaborative calendar app you cannot miss.",
+  "screenshots": [
+    {
+      "src": "/screenshot.png",
+      "type": "image/png",
+      "sizes": "862x568"
+    },
+    {
+      "src": "/screenshot.png",
+      "type": "image/png",
+      "sizes": "862x568",
+      "form_factor": "wide"
+    }
+  ]
 }

src/components/appointment-modal/add-appointment-modal.tsx

@@ -157,7 +157,7 @@ export const AddAppointmentModal = component$(
               name="title"
               id="title"
               type="text"
-              class="w-full border border-grayBrandMedium rounded-md px-4 py-2"
+              class="w-full border border-grayBrandMedium rounded-md px-4 py-2 bg-white"
             />
           </div>
 
@@ -175,7 +175,7 @@ export const AddAppointmentModal = component$(
                 name="date"
                 id="date"
                 type="date"
-                class="w-full border border-grayBrandMedium rounded-md px-4 py-2"
+                class="w-full border border-grayBrandMedium rounded-md px-4 py-2 bg-white"
                 defaultValue={defaultOptionForDate.value}
               />
               <div class="pl-4 bg-white absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none">

src/components/appointment-modal/edit-appointment-modal.tsx

@@ -33,7 +33,6 @@ export const EditAppointmentModal = component$(
       const startTimeValue =
         document.querySelector<HTMLInputElement>('#time_start')?.value
 
-
       const startTimeFromHoursToSeconds =
         Number(startTimeValue?.split(':')[0]) * 60 +
         Number(startTimeValue?.split(':')[1])
@@ -153,7 +152,7 @@ export const EditAppointmentModal = component$(
               name="title"
               id="title"
               type="text"
-              class="w-full border border-grayBrandMedium rounded-md px-4 py-2"
+              class="w-full border border-grayBrandMedium rounded-md px-4 py-2 bg-white"
             />
           </div>
 
@@ -171,7 +170,7 @@ export const EditAppointmentModal = component$(
                 name="date"
                 id="date"
                 type="date"
-                class="w-full border border-grayBrandMedium rounded-md px-4 py-2"
+                class="w-full border border-grayBrandMedium rounded-md px-4 py-2 bg-white"
                 value={editModalData.date}
               />
               <div class="pl-4 bg-white absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none">

src/routes/index.tsx

@@ -322,5 +322,33 @@ export const head: DocumentHead = {
       name: 'description',
       content: 'Crea una app de calendario compartida con Qwik!',
     },
+    {
+      name: 'keywords',
+      content: 'time management, shared time management app, calendar app',
+    },
+    {
+      name: 'author',
+      content: 'manuelsanchezweb',
+    },
+    {
+      name: 'og:image',
+      content: 'https://qwik-calendar.vercel.app/screenshot.png',
+    },
+    {
+      name: 'twitter:image',
+      content: 'https://qwik-calendar.vercel.app/screenshot.png',
+    },
+    {
+      name: 'twitter:card',
+      content: 'summary_large_image',
+    },
+    {
+      name: 'twitter:title',
+      content: 'Calendar App with Qwik',
+    },
+    {
+      name: 'twitter:description',
+      content: 'Collaborative calendar app with Qwik',
+    },
   ],
 }