increase size of icon display

packages/builder/src/components/start/ChooseIconModal.svelte

@@ -8,20 +8,21 @@
   let selectedColor
 
   let iconsList = [
-    { icon: "Actions", color: "" },
+    "Actions",
-    { icon: "Algorithm", color: "" },
+    "Algorithm",
-    { icon: "App", color: "" },
+    "App",
-    { icon: "Briefcase", color: "" },
+    "Briefcase",
-    { icon: "Money", color: "" },
+    "Money",
-    { icon: "ShoppingCart", color: "" },
+    "ShoppingCart",
-    { icon: "Form", color: "" },
+    "Form",
-    { icon: "Help", color: "" },
+    "Help",
-    { icon: "Monitoring", color: "" },
+    "Monitoring",
-    { icon: "Sandbox", color: "" },
+    "Sandbox",
-    { icon: "Project", color: "" },
+    "Project",
-    { icon: "Organisations", color: "" },
+    "Organisations",
-    { icon: "Magnify", color: "" },
+    "Magnify",
-    { icon: "Launch", color: "" },
+    "Launch",
+    "Actions",
   ]
   export const show = () => {
     modal.show()
@@ -60,10 +61,10 @@
         {#each iconsList as item}
           <div
             class="icon-item"
-            style="color: {item.icon === selectedIcon ? selectedColor : ''}"
+            style="color: {item === selectedIcon ? selectedColor : ''}"
             on:click={() => (selectedIcon = item.icon)}
           >
-            <Icon name={item.icon} />
+            <Icon name={item} />
           </div>
         {/each}
       </div>
@@ -85,7 +86,7 @@
 <style>
   .scrollable-icons {
     overflow-y: auto;
-    height: 120px;
+    height: 150px;
   }
 
   .grid {