use 6 steps

src/components/ui-controls.tsx

@@ -133,7 +133,7 @@ export const UIControls = () => {
                 value={scrambleLength}
                 onChange={(value) => setScrambleLength(value as number)}
                 minValue={1}
-                maxValue={8}
+                maxValue={6}
                 step={1}
               />
             </div>

src/contexts/control-context.tsx

@@ -27,7 +27,7 @@ export const ControlContext = createContext<ControlContextType>({
   setCubeRoughness: () => {},
   cubeSpeed: 8,
   setCubeSpeed: () => {},
-  scrambleLength: 8,
+  scrambleLength: 6,
   setScrambleLength: () => {},
   background: 'sunset',
   setBackground: () => {},
@@ -43,7 +43,7 @@ export const ControlProvider = ({ children }: { children: React.ReactNode }) =>
   const [showRotationIndicators, setShowRotationIndicators] = useState(false);
   const [cubeRoughness, setCubeRoughness] = useState(0.5);
   const [cubeSpeed, setCubeSpeed] = useState(8);
-  const [scrambleLength, setScrambleLength] = useState(8);
+  const [scrambleLength, setScrambleLength] = useState(6);
   const [background, setBackground] = useState<PresetsType>('sunset');
   const [rubiksCubeRef, setRubiksCubeRef] = useState<RefObject<RubiksCubeRef | null> | undefined>(undefined);