Include block results when searching for components

packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/new/_components/NewComponentPanel.svelte

@@ -76,11 +76,9 @@
       return []
     }
 
-    // Split list into either components or blocks initially
+    // Remove blocks if there is no search string
-    if (section === "components") {
+    if (!search) {
       structure = structure.filter(category => category.name !== "Blocks")
-    } else {
-      structure = structure.filter(category => category.name === "Blocks")
     }
 
     // Return only items which match the search string
@@ -159,6 +157,13 @@
   borderRight
 >
   <Layout paddingX="L" paddingY="XL" gap="S">
+    <Search
+      placeholder="Search"
+      value={searchString}
+      on:change={e => (searchString = e.detail)}
+      bind:inputRef={searchRef}
+    />
+    {#if !searchString}
       <ActionGroup compact justified>
         <ActionButton
           fullWidth
@@ -171,21 +176,12 @@
           on:click={() => (section = "blocks")}>Blocks</ActionButton
         >
       </ActionGroup>
+    {/if}
   </Layout>
   <div>
     <Divider noMargin noGrid />
   </div>
-  {#if section === "components"}
+  {#if searchString || section === "components"}
-    <Layout paddingX="L" paddingY="XL">
-      <Search
-        placeholder="Search"
-        value={searchString}
-        on:change={e => (searchString = e.detail)}
-        bind:inputRef={searchRef}
-      />
-    </Layout>
-  {/if}
-  {#if section === "components"}
     {#each filteredStructure as category}
       <DetailSummary name={category.name} collapsible={false}>
         <div class="component-grid">