Update email display in Resume component to use mailto link for impro…

…ved user interaction

- Changed the email display in the Resume component from plain text to a clickable mailto link, enhancing usability by allowing users to easily send emails directly from the interface.
- Added hover effects for better visual feedback on the email link.

app/page.tsx

@@ -287,7 +287,12 @@ export default async function Resume() {
             {personalDetails.contact?.email && (
               <div className="flex items-center">
                 <Mail className="w-5 h-5 mr-2 text-teal-500 dark:text-teal-400" />
-                <span>{personalDetails.contact.email}</span>
+                <a
+                  href={`mailto:${personalDetails.contact.email}`}
+                  className="hover:text-teal-600 dark:hover:text-teal-300 transition-colors"
+                >
+                  {personalDetails.contact.email}
+                </a>
               </div>
             )}
             {personalDetails.contact?.phone && (