updates

src/lib/components/shared/github-stats.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+    import { SOCIAL_STATS } from '$lib/constants';
+    import { Icon, InlineTag, Button } from '$lib/components/ui';
+
+    type Props = {
+        class?: string;
+    };
+
+    const { class: className }: Props = $props();
+</script>
+
+<Button
+    href={SOCIAL_STATS.GITHUB.LINK}
+    target="_blank"
+    rel="noopener noreferrer"
+    class={className}
+    variant="secondary"
+>
+    <Icon icon="star" aria-hidden="true" />
+    <span class="text">Star on GitHub</span>
+    <InlineTag>{SOCIAL_STATS.GITHUB.STAT}</InlineTag>
+</Button>