♻️(react) make Pagination to use new Input

The Pagination component was not using the label of new Input.

.changeset/slow-wolves-reflect.md

@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+make Pagination use new Input

packages/react/src/components/Pagination/index.scss

@@ -15,5 +15,9 @@
         display: flex;
         align-items: center;
         gap: 0.5rem;
+
+        .c__field--default {
+            width: 100px;
+        }
     }
 }

packages/react/src/components/Pagination/index.tsx

@@ -146,9 +146,6 @@ export const Pagination = ({
         />
       </div>
       <div className="c__pagination__goto">
-        <div className="fs-m clr-greyscale-700">
-          {t("components.pagination.goto_label")}
-        </div>
         <form
           onSubmit={(e) => {
             e.preventDefault();
@@ -157,6 +154,7 @@ export const Pagination = ({
         >
           <Input
             type="number"
+            label={t("components.pagination.goto_label")}
             aria-label={t("components.pagination.goto_label_aria")}
             size={2}
             value={gotoValue}