Lots of frontend changes

frontend/src/lib/utils.ts

@@ -0,0 +1,7 @@
+/**
+ * Converts a gradient definition to CSS linear-gradient string
+ */
+export function gradientToCss(gradient: { t: number; color: [number, number, number] }[]): string {
+  const stops = gradient.map(({ t, color }) => `rgb(${color.join(',')}) ${t * 100}%`).join(', ');
+  return `linear-gradient(in oklch to right, ${stops})`;
+}