💄(react) improve Select actions ui

The button were too big compared to the sketches. So we re-adjust their
sizes and positions.

.changeset/big-radios-exist.md

@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": minor
+---
+
+improve Select actions ui

packages/react/src/components/Forms/Select/index.scss

@@ -65,6 +65,7 @@
       position: relative;
       top: 3px;
       display: flex;
+      gap: 0.5rem;
       align-items: center;
       // This is made to avoid this relative element to force its container height.
       height: 0;

packages/react/src/components/Forms/Select/mono-common.tsx

@@ -132,7 +132,7 @@ export const SelectMonoAux = ({
                   <>
                     <Button
                       color="tertiary"
-                      size="small"
+                      size="nano"
                       aria-label={t(
                         "components.forms.select.clear_button_aria_label",
                       )}
@@ -149,7 +149,7 @@ export const SelectMonoAux = ({
 
                 <Button
                   color="tertiary"
-                  size="small"
+                  size="nano"
                   className="c__select__inner__actions__open"
                   icon={
                     <span

packages/react/src/components/Forms/Select/multi-common.tsx

@@ -116,7 +116,7 @@ export const SelectMultiAux = ({
                   <>
                     <Button
                       color="tertiary"
-                      size="small"
+                      size="nano"
                       aria-label={t(
                         "components.forms.select.clear_all_button_aria_label",
                       )}
@@ -132,7 +132,7 @@ export const SelectMultiAux = ({
                 )}
                 <Button
                   color="tertiary"
-                  size="small"
+                  size="nano"
                   className="c__select__inner__actions__open"
                   icon={
                     <span