Feature: add Bluesky icon and link (#27)

* fix: make use of listTitle to avoid hardcoding header

* Added bluesky social icon

Author: haessar

src/assets/social-icons/bluesky.svg

@@ -5,6 +5,7 @@ import GitLab from '@/assets/social-icons/gitlab.svg'
 import LinkedIn from '@/assets/social-icons/linkedin-in.svg'
 import Scholar from '@/assets/social-icons/google-scholar.svg'
 import X from '@/assets/social-icons/x-twitter.svg'
+import Bluesky from '@/assets/social-icons/bluesky.svg'
 import Inspire from '@/assets/social-icons/inspire.svg'
 import Arxiv from '@/assets/social-icons/arxiv.svg'
 import Orcid from '@/assets/social-icons/orcid.svg'
@@ -47,6 +48,13 @@ const calculatedContainerSize = activeSocial.length <= 5 ? 'size-12' : activeSoc
 		</a>
 	}
 
+	<!-- Bluesky -->
+	{social.bluesky !== '' &&
+		<a href={social.bluesky} target="_blank" class={`${calculatedContainerSize} inline-flex items-center justify-center rounded-xl hover:bg-primary/20 transition-all duration-300`}>
+			<Bluesky class={calculatedIconSize} fill="currentColor" />
+		</a>
+	}
+
 	<!-- Linkedin -->
 	{social.linkedin !== '' &&
 		<a href={social.linkedin} target="_blank" class={`${calculatedContainerSize} inline-flex items-center justify-center rounded-xl hover:bg-primary/20 transition-all duration-300`}>

src/components/ui/SocialIcons.astro

@@ -13,6 +13,7 @@ export const social = {
 	email: '',
 	linkedin: '',
 	x: 'https://www.x.com/',
+	bluesky: '',
 	github: '',
 	gitlab: '',
 	scholar: '',