💄(react) hide input number arrows

During our last meeting regarding the QA the designer told us to remove
the arrows on the number input. We can still change the value with the
keyboard arrows, so it does not cause a11y issues.

.changeset/nice-apricots-sneeze.md

@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": minor
+---
+
+hide input number arrows

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

@@ -34,6 +34,15 @@
       align-items: center;
     }
 
+    &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+
+    &[type=number] {
+      -moz-appearance: textfield;
+    }
+
     &--medium {
       min-width: 150px;
     }