[Playground] Increase the height of the indices container (elastic#212827)

This PR increase the height of the container for indices in the
playground




https://github.com/user-attachments/assets/0fbacb11-ce8e-4566-b07e-b6058de89af0

Author: saikatsarkar056

x-pack/solutions/search/plugins/search_playground/public/components/select_indices_flyout.tsx

@@ -23,6 +23,7 @@ import {
 } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n-react';
 import { i18n } from '@kbn/i18n';
+import { css } from '@emotion/react';
 import { EuiSelectableOption } from '@elastic/eui/src/components/selectable/selectable_option';
 import { getIndicesWithNoSourceFields } from '../utils/create_query';
 import { useIndicesFields } from '../hooks/use_indices_fields';
@@ -62,6 +63,10 @@ export const SelectIndicesFlyout: React.FC<SelectIndicesFlyout> = ({ onClose })
           <EuiSpacer />
           <EuiSelectable
             searchable
+            height="full"
+            css={css`
+              height: 70vh;
+            `}
             searchProps={{
               onChange: handleSearchChange,
             }}

x-pack/solutions/search/plugins/search_playground/public/hooks/use_query_indices.ts

@@ -31,7 +31,7 @@ export const useQueryIndices = (
           query: {
             search_query: query,
             exact,
-            size: 50,
+            size: 100,
           },
         });