Switch to tailwind for css styling

Could use more partials to reduce some of the current repetition (especially forms), but this is a start with everything converted.

src/partials/confirm_email_form.rs

@@ -16,23 +16,26 @@ pub fn confirm_email_form(props: ConfirmEmailFormProps) -> Markup {
             method="post"
             hx-post="/confirm-email"
             id="confirm-email-form"
-            class="auth-form-grid"
+            class="my-4 flex flex-col gap-4"
         {
             input
                 type="text"
                 name="token"
                 id="token"
                 value=(token.map(|t| t.token_id.to_string()).unwrap_or_default())
-                style="display:none;";
-            label for="email" { "Email" }
-            input
-                type="email"
-                name="email"
-                id="email"
-                placeholder="Email"
-                value=(email.unwrap_or_default())
-                required;
-            button type="submit" { "Resend confirmation email" }
+                class="hidden";
+            div {
+                label for="email" class="text-sm font-medium text-gray-700" { "Email" }
+                input
+                    type="email"
+                    name="email"
+                    id="email"
+                    placeholder="Email"
+                    value=(email.unwrap_or_default())
+                    required
+                    class="w-full mt-1 p-2 bg-gray-50 border border-gray-300 shadow-sm rounded-md focus:ring focus:ring-blue-500 focus:border-blue-500 focus:ring-opacity-50";
+            }
+            button type="submit" class="py-2 px-4 font-medium rounded-md border border-gray-200"{ "Resend confirmation email" }
         }
     }
 }