Add Bluesky to socials

Author: rivea0

app/components/icons/bluesky.js

@@ -10,3 +10,4 @@ export { default as Dev } from './dev'
 export { default as Check } from './check'
 export { default as Copy } from './copy'
 export { default as Mastodon } from './mastodon'
+export { default as Bluesky } from './bluesky'

app/components/icons/index.js

@@ -2,6 +2,7 @@ import Link from '@components/link';
 import { GitHub, Mail, RSS, Mastodon } from '@components/icons';
 import Tooltip from '@components/tooltip';
 import styles from './social-links.module.css';
+import Bluesky from '@components/icons/bluesky';
 
 type SocialButtonProps = {
   href: string;
@@ -73,6 +74,19 @@ export default function Socials() {
         tooltip="Mastodon"
         rel="me"
       />
+      <SocialButton
+        href="https://bsky.app/profile/rivea0.bsky.social"
+        icon={
+          <Bluesky
+            width={18}
+            height={20}
+            strokeWidth={0}
+            fillColor={`var(--icon-generic-color)`}
+            color={`var(--icon-generic-color)`}
+          />
+        }
+        tooltip="Bluesky"
+      />
     </div>
   );
 }