feat : add icon and introduce login with google

components/auth/email-settings.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useState, type FormEvent } from "react";
+import { MailIcon } from "lucide-react";
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
@@ -53,7 +54,10 @@ export function EmailSettings({ email, verified, callbackCompleted, callbackErro
   }
 
   return <Card>
-    <CardHeader><CardTitle>อีเมล</CardTitle></CardHeader>
+    <CardHeader><CardTitle className="flex items-center gap-2">
+      <MailIcon aria-hidden="true" className="size-4 shrink-0" />
+      อีเมล
+    </CardTitle></CardHeader>
     <CardContent className="flex flex-col gap-4">
       <p className="text-sm">{email} - {verified ? "ยืนยันแล้ว" : "ยังไม่ยืนยัน"}</p>
       {callbackCompleted && <Alert><AlertDescription>ยืนยันขั้นตอนแล้ว หากกำลังเปลี่ยนอีเมล โปรดตรวจสอบกล่องจดหมายสำหรับขั้นตอนถัดไป</AlertDescription></Alert>}