Remove yield input number spinners

src/index.css

@@ -75,6 +75,17 @@
 }
 
 @layer components {
+  .yield-input {
+    appearance: textfield;
+    -moz-appearance: textfield;
+  }
+
+  .yield-input::-webkit-inner-spin-button,
+  .yield-input::-webkit-outer-spin-button {
+    margin: 0;
+    appearance: none;
+  }
+
   .skeleton {
     position: relative;
     overflow: hidden;

src/pages/Cutting.tsx

@@ -1019,7 +1019,7 @@ const Cutting = () => {
                     value={cuttingSettings.familyYields[rule.key] || ''}
                     onChange={(event) => updateFamilyYield(rule.key, event.target.value)}
                     placeholder="un./rolo"
-                    className="h-10 w-full rounded-lg border border-dark-border bg-dark-card px-3 text-sm font-bold text-dark-text outline-none transition-colors focus:border-brand-primary"
+                    className="yield-input h-10 w-full rounded-lg border border-dark-border bg-dark-card px-3 text-sm font-bold text-dark-text outline-none transition-colors focus:border-brand-primary"
                   />
                   {yieldRecommendations.find(item => item.familyKey === rule.key)?.recommendedUnitsPerRoll && (() => {
                     const recommendation = yieldRecommendations.find(item => item.familyKey === rule.key)!;