[Observability Onboarding] Show search bar even when category is not …

…selected (elastic#197825)

Closes elastic/observability-dev#4065 🔒

Fixes an issue when search bar is not visible unless a category is
selected.

![CleanShot 2024-10-25 at 14 53
44@2x](https://github.com/user-attachments/assets/774d2fe2-e4f0-4a46-a851-a0f756a96b12)

x-pack/plugins/observability_solution/observability_onboarding/public/application/onboarding_flow_form/onboarding_flow_form.tsx

@@ -316,33 +316,34 @@ export const OnboardingFlowForm: FunctionComponent = () => {
             flowCategory={searchParams.get('category')}
           />
         </div>
-        <div ref={searchResultsRef}>
-          <EuiSpacer size="m" />
-          <EuiText size="s" color="subdued">
-            <strong>
-              <FormattedMessage
-                id="xpack.observability_onboarding.experimentalOnboardingFlow.form.searchPromptText"
-                defaultMessage="Search through other ways of ingesting data:"
-              />
-            </strong>
-          </EuiText>
-          <EuiSpacer size="m" />
-          <OnboardingFlowPackageList
-            showSearchBar={true}
-            searchQuery={integrationSearch}
-            flowSearch={integrationSearch}
-            setSearchQuery={setIntegrationSearch}
-            flowCategory={searchParams.get('category')}
-            customCards={customCards
-              ?.filter(
-                // Filter out collection cards and regular integrations that show up via search anyway
-                (card) => card.type === 'virtual' && !card.isCollectionCard
-              )
-              .concat(virtualSearchResults)}
-            excludePackageIdList={searchExcludePackageIdList}
-            joinCardLists
-          />
-        </div>
+      </div>
+
+      <div ref={searchResultsRef}>
+        <EuiSpacer size="xxl" />
+        <EuiText size="s" color="subdued">
+          <strong>
+            <FormattedMessage
+              id="xpack.observability_onboarding.experimentalOnboardingFlow.form.searchPromptText"
+              defaultMessage="Search through other ways of ingesting data:"
+            />
+          </strong>
+        </EuiText>
+        <EuiSpacer size="m" />
+        <OnboardingFlowPackageList
+          showSearchBar={true}
+          searchQuery={integrationSearch}
+          flowSearch={integrationSearch}
+          setSearchQuery={setIntegrationSearch}
+          flowCategory={searchParams.get('category')}
+          customCards={customCards
+            ?.filter(
+              // Filter out collection cards and regular integrations that show up via search anyway
+              (card) => card.type === 'virtual' && !card.isCollectionCard
+            )
+            .concat(virtualSearchResults)}
+          excludePackageIdList={searchExcludePackageIdList}
+          joinCardLists
+        />
       </div>
     </EuiPanel>
   );