update resume and contact page. Improve appearance in both light/dark…

… modes

app/about/page.tsx

@@ -100,12 +100,7 @@ export default function AboutPage() {
             </CardHeader>
             <CardContent className='flex flex-col items-center'>
               <div className='relative mb-4 h-48 w-48 overflow-hidden rounded-full'>
-                <Image
-                  src={wiseioIcon}
-                  alt='Dan Wise'
-                  layout='fill'
-                  objectFit='cover'
-                />
+                <Image src={wiseioIcon} alt='Dan Wise Logo' />
               </div>
               <div className='text-center'>
                 <p className='mb-2 text-muted-foreground'>

app/contact/page.tsx

@@ -10,6 +10,7 @@ import {
 import { LetterText, Mail, MapPin, Phone } from 'lucide-react';
 
 import { Button } from '@/components/ui/button';
+import { EmailLink } from '@/components/email/email-link';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import Link from 'next/link';
@@ -133,7 +134,9 @@ export default function ContactPage() {
             <div className='space-y-4'>
               <div className='flex items-center space-x-2'>
                 <Mail className='h-5 w-5 text-muted-foreground' />
-                <span>[email protected]</span>
+                <span>
+                  <EmailLink subject='Your portfolio' />
+                </span>
               </div>
               <div className='flex items-center space-x-2'>
                 <Phone className='h-5 w-5 text-muted-foreground' />