feat: add LilyGo T-Beam and T-Beam Supreme board support

src/components/BoardSelector.svelte

@@ -9,6 +9,7 @@
 
   let { selected, onselect }: Props = $props();
 
+  const esp32Boards = boards.filter((b) => b.family === "esp32");
   const espBoards = boards.filter((b) => b.family === "esp32s3");
   const rpBoards = boards.filter((b) => b.family === "rp2040");
   const nrfBoards = boards.filter((b) => b.family === "nrf52840");
@@ -39,6 +40,23 @@
 <div>
   <h3 class="font-mono text-sm text-text-muted mb-3 uppercase tracking-wider">Select Board</h3>
 
+  <p class="text-xs text-text-dim mb-2 font-mono">ESP32</p>
+  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 mb-4">
+    {#each esp32Boards as board}
+      <button
+        class="text-left bg-bg-card border p-4 rounded transition-all cursor-pointer
+          {selected?.id === board.id
+          ? 'border-accent shadow-[0_0_12px_oklch(from_var(--color-accent)_l_c_h_/_0.15)]'
+          : 'border-border hover:border-border-bright'}"
+        onclick={() => onselect(board)}
+      >
+        <div class="font-mono font-medium text-text text-sm">{board.name}</div>
+        <div class="text-xs text-text-muted mt-1">{board.mcu} &middot; {board.radio}</div>
+        <div class="text-xs {badgeColor(board)} mt-2 font-mono">{badgeText(board)}</div>
+      </button>
+    {/each}
+  </div>
+
   <p class="text-xs text-text-dim mb-2 font-mono">ESP32-S3</p>
   <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 mb-4">
     {#each espBoards as board}