use mastodon instead of twitter (x)

Author: efe

src/components/icons/mastodon.tsx

@@ -0,0 +1,17 @@
+export const MastodonIcon = () => {
+	return (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			width="21"
+			height="21"
+			viewBox="0 0 24 24"
+			className="text-secondaryDarker group-hover:text-secondary hover:text-secondary duration-200 mt-0.5"
+		>
+			<title>Mastodon Icon</title>
+			<path
+				fill="currentColor"
+				d="M23.193 7.88c0-5.207-3.411-6.733-3.411-6.733C18.062.357 15.108.025 12.041 0h-.076c-3.069.025-6.02.357-7.74 1.147 0 0-3.412 1.526-3.412 6.732 0 1.193-.023 2.619.015 4.13.124 5.092.934 10.11 5.641 11.355 2.17.574 4.034.695 5.536.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.13.54c-2.165-.075-4.449-.234-4.799-2.892a5.5 5.5 0 0 1-.048-.745s2.125.52 4.818.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.508.475-6.508zm-4.024 6.709h-2.497v-6.12c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.313v3.349h-2.484v-3.35c0-1.537-.602-2.313-1.802-2.313-1.085 0-1.628.655-1.628 1.945v6.119H4.831V8.285c0-1.29.328-2.314.987-3.07.68-.759 1.57-1.147 2.674-1.147 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.305z"
+			/>
+		</svg>
+	);
+};

src/components/icons/x.tsx

@@ -20,7 +20,7 @@ const SocialTooltip = () => (
 							href={social.link}
 							target="_blank"
 							className="cursor-pointer"
-							rel="noreferrer"
+							rel="me"
 						>
 							{social.icon}
 						</a>

src/components/ui/social-with-tooltip.tsx

@@ -2,7 +2,7 @@ import { DiscordIcon } from "@/components/icons/discord";
 import { GithubIcon } from "@/components/icons/github";
 import { LinkedInIcon } from "@/components/icons/linkedin";
 import { TwitchIcon } from "@/components/icons/twitch";
-import { XIcon } from "@/components/icons/x";
+import { MastodonIcon } from "@/components/icons/mastodon";
 import { YouTubeIcon } from "@/components/icons/youtube";
 import type React from "react";
 
@@ -65,9 +65,9 @@ export const CONFIG: SiteConfig = {
 			icon: <LinkedInIcon />,
 		},
 		{
-			platform: "X",
-			link: "https://x.com/efeoge",
-			icon: <XIcon />,
+			platform: "Mastodon",
+			link: "https://mastodon.social/@efeoge",
+			icon: <MastodonIcon />,
 		},
 		{
 			platform: "YouTube",