Add linkree to socials

src/app/(normal)/page.tsx

@@ -1,5 +1,5 @@
 import { SocialLinks } from "@/components/SocialLinks";
-import { ArrowBigRight } from "lucide-react";
+import Link from "next/link";
 
 export default function Home() {
   return (
@@ -13,7 +13,7 @@ export default function Home() {
           I'm an illustrator, character designer, miniature painter, 3d modeller, makeup artist and much more and happy to show you things i've created.
         </p>
         <p className="text-muted-foreground max-w-xl text-lg mb-6">
-          If you want to commission me<br />you can find all the information you need here:<br /> <a href="https://linktr.ee/gaertan" target="_blank" className="underline text-primary"  ><ArrowBigRight className="w-4 h-4 inline" /> Linktree</a>
+          If you want to commission me<br />you can find all the information you need here:<br /> <Link href="/commissions" className="underline text-primary"  >Commissions</Link>
         </p>
         <div>
           <SocialLinks />

src/components/SocialLinks.tsx

@@ -1,12 +1,13 @@
 import {
   siBluesky,
+  siLinktree,
   siMastodon,
   siPaypal,
   siTelegram,
   type SimpleIcon,
 } from "simple-icons";
 
-type SocialKey = "paypal" | "telegram" | "mastodon" | "bluesky";
+type SocialKey = "paypal" | "telegram" | "mastodon" | "bluesky" | "linktree";
 
 const SOCIALS: Record<
   SocialKey,
@@ -32,6 +33,11 @@ const SOCIALS: Record<
     icon: siBluesky,
     href: "https://bsky.app/profile/gaertan.bsky.social",
   },
+  linktree: {
+    label: "Linktree",
+    icon: siLinktree,
+    href: "https://linktr.ee/gaertan",
+  },
 };
 
 function BrandSvg({ icon }: { icon: SimpleIcon }) {
@@ -48,7 +54,7 @@ function BrandSvg({ icon }: { icon: SimpleIcon }) {
 }
 
 export function SocialLinks({
-  items = ["paypal", "telegram", "mastodon", "bluesky"],
+  items = ["paypal", "telegram", "mastodon", "bluesky", "linktree"],
   size = "md",
 }: {
   items?: SocialKey[];