feat: add preview catalog and catalog group and header

web/src/lib/components/kit/CatalogGroup.svelte

@@ -12,7 +12,7 @@
 <section class="catalog-group">
 	<div class="group-title">
 		<span>{label}</span>
-		<i>{count} <!-- --> TOOLS</i>
+		<i>{count.toString().padStart(2, "0")} <!-- --> TOOLS</i>
 	</div>
 	<div class="tool-cards">
 		{@render children()}

web/src/lib/components/kit/CatalogHeader.svelte

@@ -16,7 +16,7 @@
 	</div>
 	<div class="catalog-total">
 		<b>{total}</b>
-		<span>TOOLS<br />AVAILABLE</span>
+		<span>TOOLS<br /> AVAILABLE</span>
 	</div>
 </div>
 

web/src/lib/components/kit/ToolCard.svelte

@@ -23,7 +23,7 @@
 	<span class="tool-index">
 		{index !== undefined ? index.toString().padStart(2, "0") : ""}
 	</span>
-	<span class="tool-arrow"><ArrowUpRight size={16} /></span>
+	<ArrowUpRight class="tool-arrow" size={16} />
 </a>
 
 <style>