fix: searchbar clear button (#1892)

<!--
Hello 👋 Thank you for submitting a pull request.

To help us merge your PR, make sure to follow the instructions below:

- Create or update the tests
- Create or update the documentation at
https://github.com/strapi/documentation
- Refer to the issue you are closing in the PR description: Fix #issue
- Specify if the PR is ready to be merged or work in progress (by
opening a draft PR)

Please ensure you read the Contributing Guide:
https://github.com/strapi/strapi/blob/master/CONTRIBUTING.md
-->

### What does it do?

Describe the technical changes you did.

### Why is it needed?

Describe the issue you are solving.

### How to test it?

Provide information about the environment and the path to verify the
behaviour.

### Related issue(s)/PR(s)

Let us know if this is related to any issue/pull request

Author: HichamELBSI

Diff for: .changeset/honest-crabs-crash.md

@@ -0,0 +1,7 @@
+---
+'@strapi/design-system': major
+'@strapi/icons': major
+'@strapi/ui-primitives': major
+---
+
+fix searchbar component

Diff for: packages/design-system/src/components/Searchbar/Searchbar.tsx

@@ -62,7 +62,7 @@ export interface SearchbarProps extends Field.InputProps {
 }
 
 export const Searchbar = React.forwardRef<HTMLInputElement, SearchbarProps>(
-  ({ name, children, value = '', onClear, clearLabel, ...props }, ref) => {
+  ({ name, children, value = '', onClear, clearLabel = 'Clear', ...props }, ref) => {
     const inputRef = React.useRef<HTMLInputElement>(null!);
     const isCompleting = value.length > 0;
 
@@ -87,17 +87,17 @@ export const Searchbar = React.forwardRef<HTMLInputElement, SearchbarProps>(
             startAction={<SearchIcon aria-hidden />}
             endAction={
               isCompleting ? (
-                <Field.Action
-                  label={clearLabel}
+                <IconButton
                   onClick={handleClear}
                   onMouseDown={(e) => {
                     e.preventDefault();
                   }}
+                  label={clearLabel}
+                  size="XS"
+                  variant="ghost"
                 >
-                  <IconButton label="Clear" size="XS" variant="ghost">
-                    <CloseIcon />
-                  </IconButton>
-                </Field.Action>
+                  <CloseIcon />
+                </IconButton>
               ) : undefined
             }
             {...props}