Add color_cycle as standalone source type; UI polish

- color_cycle is now a top-level source type (alongside picture/static/gradient)
  with a configurable color list and cycle_speed; defaults to full rainbow spectrum
- ColorCycleColorStripSource + ColorCycleColorStripStream: smooth 30 fps interpolation
  between user-defined colors, one full cycle every 20s at speed=1.0
- Removed color_cycle animation sub-type from StaticColorStripStream
- Color cycle editor: compact horizontal swatch layout, proper module-scope fix
  (colorCycleAdd/Remove now exposed on window, DOM-synced before mutations)
- Animation enabled + Frame interpolation checkboxes use toggle-switch style
- Removed Potential FPS metric from targets and KC targets metric grids

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

server/src/wled_controller/static/locales/en.json

@@ -573,10 +573,11 @@
   "color_strip.delete.referenced": "Cannot delete: this source is in use by a target",
   "color_strip.error.name_required": "Please enter a name",
   "color_strip.type": "Type:",
-  "color_strip.type.hint": "Picture Source derives LED colors from a screen capture. Static Color fills all LEDs with a single constant color. Gradient distributes a color gradient across all LEDs.",
+  "color_strip.type.hint": "Picture Source derives LED colors from a screen capture. Static Color fills all LEDs with a single constant color. Gradient distributes a color gradient across all LEDs. Color Cycle smoothly cycles through a user-defined list of colors.",
   "color_strip.type.picture": "Picture Source",
   "color_strip.type.static": "Static Color",
   "color_strip.type.gradient": "Gradient",
+  "color_strip.type.color_cycle": "Color Cycle",
   "color_strip.static_color": "Color:",
   "color_strip.static_color.hint": "The solid color that will be sent to all LEDs on the strip.",
   "color_strip.gradient.preview": "Gradient:",
@@ -587,5 +588,22 @@
   "color_strip.gradient.add_stop": "+ Add Stop",
   "color_strip.gradient.position": "Position (0.0–1.0)",
   "color_strip.gradient.bidir.hint": "Add a second color on the right side of this stop to create a hard edge in the gradient.",
-  "color_strip.gradient.min_stops": "Gradient must have at least 2 stops"
+  "color_strip.gradient.min_stops": "Gradient must have at least 2 stops",
+  "color_strip.animation": "Animation",
+  "color_strip.animation.enabled": "Enable Animation:",
+  "color_strip.animation.enabled.hint": "Enables procedural animation. The LEDs will update at 30 fps driven by the selected effect.",
+  "color_strip.animation.type": "Effect:",
+  "color_strip.animation.type.hint": "The animation effect to apply. Breathing works for both static and gradient sources; Gradient Shift and Wave work for gradient sources only.",
+  "color_strip.animation.type.breathing": "Breathing",
+  "color_strip.animation.type.color_cycle": "Color Cycle",
+  "color_strip.animation.type.gradient_shift": "Gradient Shift",
+  "color_strip.animation.type.wave": "Wave",
+  "color_strip.animation.speed": "Speed:",
+  "color_strip.animation.speed.hint": "Animation speed multiplier. 1.0 ≈ one cycle per second for Breathing; higher values cycle faster.",
+  "color_strip.color_cycle.colors": "Colors:",
+  "color_strip.color_cycle.colors.hint": "List of colors to cycle through smoothly. At least 2 required. Default is a full rainbow spectrum.",
+  "color_strip.color_cycle.add_color": "+ Add Color",
+  "color_strip.color_cycle.speed": "Speed:",
+  "color_strip.color_cycle.speed.hint": "Cycle speed multiplier. 1.0 ≈ one full cycle every 20 seconds; higher values cycle faster.",
+  "color_strip.color_cycle.min_colors": "Color cycle must have at least 2 colors"
 }