chore: fix type errors

Author: mitonik

src/components/settings-editor/render-options-chooser.tsx

@@ -1,4 +1,4 @@
-import { InterpolationMode } from "chroma-js";
+import chroma from "chroma-js";
 import { Dropdown } from "primereact/dropdown";
 import { FloatLabel } from "primereact/floatlabel";
 import { GradientMode, Style } from "./settings-editor";
@@ -21,9 +21,9 @@ const GRADIENT_MODES: GradientMode[] = ["entire-text", "per-line"];
 
 interface RenderOptionsChooserProps {
   gradientMode: GradientMode;
-  mode: InterpolationMode;
+  mode: chroma.InterpolationMode;
   onGradientModeChange: (gradientMode: GradientMode) => void;
-  onModeChange: (mode: InterpolationMode) => void;
+  onModeChange: (mode: chroma.InterpolationMode) => void;
   onStyleChange: (style: Style) => void;
   style: Style;
 }

src/components/settings-editor/settings-editor.tsx

@@ -1,7 +1,7 @@
 import { Button } from "primereact/button";
 import { RenderOptionsChooser } from "./render-options-chooser";
 import { ColorSelector } from "./color-selector";
-import { InterpolationMode } from "chroma-js";
+import chroma from "chroma-js";
 import { Sidebar } from "primereact/sidebar";
 import { useState } from "react";
 import { Preset, Presets } from "./presets/presets";
@@ -26,7 +26,7 @@ export type GradientMode = "entire-text" | "per-line";
 export interface Settings {
   colors: string[];
   gradientMode: GradientMode;
-  mode: InterpolationMode;
+  mode: chroma.InterpolationMode;
   style: Style;
 }