Use TinyColor string methods for colors (#8399)

* Use TinyColor string methods for colors

Replace toHex8() and toHex() with toHex8String() and toHexString() to ensure color formatting returns proper string values. A debugger statement was also added for troubleshooting the color formatting logic.

* Remove stray debugger from ColorInput.vue

Author: ruibaby

ui/src/formkit/inputs/color/ColorInput.vue

@@ -40,11 +40,11 @@ function formatColorByUnpredictableValue(value: string) {
     case "rgb":
       return color.toRgbString();
     case "hex8":
-      return color.toHex8();
+      return color.toHex8String();
     case "hsl":
       return color.toHslString();
     default:
-      return color.toHex();
+      return color.toHexString();
   }
 }