Fix drag-and-drop multiple reorders and wheel lights pattern

- Allow multiple prize reorders before saving by using current displayed order
- Simplify lights pattern calculation using distance-based logic
- Fixes: drag only worked once, lights appeared to go through wheel

src/components/wheel/FortuneWheel.tsx

@@ -62,13 +62,10 @@ const FortuneWheel = memo(function FortuneWheel({
     const numLights = isSpinning ? 3 : 4; // 3 lights when spinning, 4 when idle
 
     return Array.from({ length: 20 }, (_, i) => {
-      // Check if this light index is within the active range
-      for (let j = 0; j < numLights; j++) {
-        if (i === (lightPhase + j) % 20) {
-          return true;
-        }
-      }
-      return false;
+      // Calculate distance from current lightPhase
+      const distance = (i - lightPhase + 20) % 20;
+      // Light is on if within range [0, numLights)
+      return distance < numLights;
     });
   }, [isSpinning, lightPhase]);
 

src/pages/AdminWheel.tsx

@@ -427,17 +427,24 @@ export default function AdminWheel() {
       onTelegramDragEnd();
       const { active, over } = event;
       if (over && active.id !== over.id && config) {
-        const oldIndex = config.prizes.findIndex((p) => p.id === active.id);
-        const newIndex = config.prizes.findIndex((p) => p.id === over.id);
+        // Use current displayed order (either local or from config)
+        const currentPrizes = localPrizeOrder
+          ? localPrizeOrder
+              .map((id) => config.prizes.find((p) => p.id === id))
+              .filter((p): p is WheelPrizeAdmin => p !== undefined)
+          : config.prizes;
+
+        const oldIndex = currentPrizes.findIndex((p) => p.id === active.id);
+        const newIndex = currentPrizes.findIndex((p) => p.id === over.id);
         if (oldIndex !== -1 && newIndex !== -1) {
-          const newOrder = arrayMove(config.prizes, oldIndex, newIndex);
+          const newOrder = arrayMove(currentPrizes, oldIndex, newIndex);
           // Save order locally, don't trigger mutation immediately
           setLocalPrizeOrder(newOrder.map((p) => p.id));
           setHasUnsavedOrder(true);
         }
       }
     },
-    [config, onTelegramDragEnd],
+    [config, localPrizeOrder, onTelegramDragEnd],
   );
 
   // Save prize order