feat: Allow to pass className in componentsProps.SearchBarDesktop

Author: zatteo

Diff for: packages/cozy-search/src/components/AssistantDesktop.jsx

@@ -26,7 +26,8 @@ AssistantDesktop.propTypes = {
     SearchBarDesktop: PropTypes.shape({
       elevation: PropTypes.number,
       size: PropTypes.string,
-      hasHalfBorderRadius: PropTypes.bool
+      hasHalfBorderRadius: PropTypes.bool,
+      className: PropTypes.string
     })
   })
 }

Diff for: packages/cozy-search/src/components/Search/SearchBarDesktop.jsx

@@ -1,3 +1,4 @@
+import cx from 'classnames'
 import React, { useRef } from 'react'
 import { useNavigate } from 'react-router-dom'
 
@@ -21,7 +22,8 @@ const SearchBarDesktop = ({
   onChange,
   elevation,
   size,
-  hasHalfBorderRadius
+  hasHalfBorderRadius,
+  className
 }) => {
   const { t } = useI18n()
   const { searchValue, results, selectedIndex, setSelectedIndex } = useSearch()
@@ -87,11 +89,12 @@ const SearchBarDesktop = ({
       <span>
         <SearchBar
           elevation={elevation}
-          className={
+          className={cx(
+            className,
             searchValue && hasHalfBorderRadius
               ? styles['searchBarDesktop--result']
               : ''
-          }
+          )}
           ref={searchRef}
           size={size}
           icon={