feat: add github stats

docs/src/components/GitHubStats.svelte

@@ -0,0 +1,62 @@
+<script>
+  import MyIcon from './MyIcon.astro';
+  import { onMount } from 'svelte';
+
+  let error = false;
+  let loading = true;
+  let stargazersCount = 0;
+  let forksCount = 0;
+
+
+  async function fetchStats() {
+    try {
+        const response = await fetch(`https://api.github.com/repos/tomalaforge/angular-challenges`);
+        if (!response.ok) {
+          throw new Error('Network response was not ok');
+        }
+        const { stargazers_count, forks } = await response.json();
+        stargazersCount = stargazers_count;
+        forksCount = forks;
+
+    } catch (e) {
+      error = true;
+    } finally {
+      loading = false;
+    }
+  }
+
+  onMount(() => {
+    fetchStats();
+  });
+</script>
+
+{#if !error && !loading}
+  <div class="github">
+    <a class="category" href="https://github.com/tomalaforge/angular-challenges">
+      <MyIcon name="star" />
+      <div>{stargazersCount}</div>
+    </a>
+
+    <div class="category fork">
+      <MyIcon name="fork" viewBox="0 0 16 16" />
+      <div>{forksCount}</div>
+    </div>
+  </div>
+{/if}
+
+<style>
+  .github {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-left: var(--sl-nav-gap)
+  }
+
+  .category {
+    display: flex;
+    align-items: center;
+    font-size: 12px;
+    gap: 0.25rem;
+  }
+
+</style>