feat(search): enable configuration of the Search component via instrumented config

Signed-off-by: Enrico Alvarenga <enricomalvarenga@gmail.com>

plugins/search/src/components/SearchPage/SearchPage.tsx

@@ -21,8 +21,10 @@ import { useLocation, useOutlet } from 'react-router-dom';
 import {
   SearchContextProvider,
   useSearch,
+  getSearchContextInitialStateDefaults,
 } from '@backstage/plugin-search-react';
 import { JsonObject } from '@backstage/types';
+import { configApiRef, useApi } from '@backstage/core-plugin-api';
 
 export const UrlUpdater = () => {
   const location = useLocation();
@@ -91,9 +93,15 @@ export const UrlUpdater = () => {
  */
 export const SearchPage = () => {
   const outlet = useOutlet();
+  const configApi = useApi(configApiRef);
+
+  const initialState = {
+    ...getSearchContextInitialStateDefaults(),
+    pageLimit: configApi.getOptionalNumber('app.search.initialState.pageLimit'),
+  };
 
   return (
-    <SearchContextProvider>
+    <SearchContextProvider initialState={initialState}>
       <UrlUpdater />
       {outlet}
     </SearchContextProvider>