chore: reorganize project into monorepo

frontend/src/components/TechStackList.astro

@@ -0,0 +1,28 @@
+---
+import type { TechStackItem } from '../lib/types';
+import InfoTile from './ui/InfoTile.astro';
+
+interface Props {
+  items: TechStackItem[];
+}
+
+const { items } = Astro.props;
+---
+
+<ul class="grid grid-cols-1 sm:grid-cols-2 gap-3">
+  {items.map(item => (
+    <li>
+      <InfoTile layout="grid" tone="blue">
+        <span class="flex h-8 w-8 items-center justify-center rounded-xl bg-[var(--primary)]/10 text-[var(--primary)]">
+          <i class="fas fa-code text-xs"></i>
+        </span>
+        <span class="min-w-0 flex-1">
+          <span class="block text-[var(--text)] text-sm font-medium">{item.name}</span>
+          {item.level && (
+            <span class="block text-xs text-[var(--text-tertiary)] mt-0.5">{item.level}</span>
+          )}
+        </span>
+      </InfoTile>
+    </li>
+  ))}
+</ul>