fix color bugs

interface/src/components/ColorPicker.tsx

@@ -1,7 +1,7 @@
 // @ts-expect-error There aren't any types for the below library
 import ColorPicker from 'react-best-gradient-color-picker';
 import { useState, useRef, useEffect } from 'react';
-import type { ColorPickerProps } from '../types/ColorPicker';
+import type { ColorPickerProps } from '../types/ColorPickerProps';
 
 const Picker = ({ color, onChange }: ColorPickerProps) => {
   const [showPicker, setShowPicker] = useState<boolean>(false);

interface/src/components/Slider.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import "./Slider.css";
-import type { Slider } from '../types/Slider';
+import type { Slider } from '../types/SliderProps';
 
 const Slider: React.FC<Slider> = ({ onValueChange }) => {
   const [sliderValue, setSliderValue] = useState(0);

interface/src/components/Switch.tsx

@@ -1,6 +1,6 @@
 import { motion } from "framer-motion";
 import "./Switch.css";
-import type { SwitchProps } from "../types/Switch";
+import type { SwitchProps } from "../types/SwitchProps";
 
 export default function Switch(props: SwitchProps) {
   const toggleSwitch = () => {

interface/src/components/TabbedContainer.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { motion } from 'framer-motion';
-import type { TabbedContainerProps } from '../types/TabbedContainer';
+import type { TabbedContainerProps } from '../types/TabbedContainerProps';
 
 const TabbedContainer: React.FC<TabbedContainerProps> = ({ tabs, themeColor }) => {
   const [activeTab, setActiveTab] = useState(0);