fix: clear button being hide

Author: g-saracca

src/sections/homepage/Homepage.tsx

@@ -14,7 +14,6 @@ import { Metrics } from './metrics/Metrics'
 import { Usage } from './usage/Usage'
 import styles from './Homepage.module.scss'
 
-// TODO:ME - Fetch the search services and show them in the list, possibly remove something from the list? Check slack discussion
 // const searchServicesMock = [
 //   {
 //     name: 'postExternalSearch',

src/sections/homepage/search-input/SearchDropdown.tsx

@@ -6,7 +6,6 @@ import { SearchService } from '@/search/domain/models/SearchService'
 import { SOLR_SERVICE_NAME } from './SearchInput'
 import styles from './SearchInput.module.scss'
 
-// TODO:ME - Add z-index to clear button to avoid it being hidden
 // TODO:ME - Don't use react-boostrap, move to dataverse-design-system and first check a11ty
 // TODO:ME - Persistir hover focus style de boton mientras el dropdown está abierto
 

src/sections/homepage/search-input/SearchInput.module.scss

@@ -54,6 +54,7 @@
 .clear-btn {
   position: absolute;
   right: 0;
+  z-index: 2;
   margin-right: 1rem;
 }