fix: update copy button to use the proper cursor style when hovering

app/about/page.tsx

@@ -85,14 +85,14 @@ export default function AboutPage() {
           <CopyButton
             value={email}
             label="Copy email"
-            className={`hover:text-neutral-200 rounded-md hover:bg-[${colors.accent}] p-1 transition-colors duration-200`}
+            className={`hover:text-neutral-200 rounded-md hover:bg-[${colors.accent}] p-1 transition-colors duration-200 cursor-pointer`}
           >
             <IconMailFilled size={32} />
           </CopyButton>
           <CopyButton
             value={phone}
             label="Copy phone"
-            className={`hover:text-neutral-200 rounded-md hover:bg-[${colors.accent}] p-1 transition-colors duration-200`}
+            className={`hover:text-neutral-200 rounded-md hover:bg-[${colors.accent}] p-1 transition-colors duration-200 cursor-pointer`}
           >
             <IconPhoneFilled size={32} />
           </CopyButton>

components/ui/CopyButton.tsx

@@ -14,7 +14,7 @@ export default function CopyButton({
   value,
   label,
   copiedLabel = "Copied!",
-  className = "rounded-md p-1 text-neutral-600 transition-colors duration-200 hover:text-neutral-200",
+  className = "rounded-md p-1 text-neutral-600 transition-colors duration-200 hover:text-neutral-200 cursor-pointer",
   children,
 }: CopyButtonProps) {
   const [copied, setCopied] = useState(false);