improve piclets view

src/lib/components/Pages/Pictuary.svelte

@@ -226,14 +226,9 @@
       <!-- Discovered Section -->
       {#if discoveredPiclets.length > 0}
         <section class="discovered-section">
-          <div class="section-header">
-            <h2>Discovered ({discoveredPiclets.length})</h2>
-            {#if discoveredPiclets.length > 10}
-              <button class="view-all-btn">View All</button>
-            {/if}
-          </div>
-          <div class="horizontal-scroll">
-            {#each discoveredPiclets.slice(0, 10) as piclet}
+          <h2>Discovered ({discoveredPiclets.length})</h2>
+          <div class="discovered-grid">
+            {#each discoveredPiclets as piclet}
               <PicletCard 
                 piclet={piclet}
                 size={100}
@@ -397,6 +392,12 @@
     border-radius: 2px;
   }
   
+  .discovered-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+    gap: 12px;
+  }
+  
   @keyframes spin {
     to { transform: rotate(360deg); }
   }