feat: icons in buttons

components/pages/About.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { User } from 'lucide-react'
+import { User, Smartphone } from 'lucide-react'
 import FeaturedRepos from '../widgets/FeaturedRepos'
 import Image from 'next/image'
 import { useState } from 'react'
@@ -52,6 +52,7 @@ export default function About() {
         <Button
           href="/phone"
           label="My Phone"
+          icon={Smartphone}
         />
       </div>
       <div className="mt-12">

components/pages/Home.tsx

@@ -5,7 +5,7 @@ import Button from '../objects/Button'
 import LastPlayed from '@/components/widgets/LastPlayed'
 import { useTranslation } from 'react-i18next'
 import Link from 'next/link'
-
+import { Mail } from 'lucide-react'
 export default function Home() {
   const { t } = useTranslation();
 
@@ -62,6 +62,7 @@ export default function Home() {
         <Button
           href={'/contact'}
           label={t('home.contact.button')}
+          icon={Mail}
         />
       </section>
     </div>