fix build error with update of react-best-gradient-color-picker

interface/package.json

@@ -13,9 +13,10 @@
     "@types/chrome": "^0.0.246",
     "framer-motion": "^10.16.4",
     "react": "^18.2.0",
-    "react-best-gradient-color-picker": "^2.2.24",
+    "react-best-gradient-color-picker": "2.2.24",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.20.0"
+    "react-router-dom": "latest",
+    "tinycolor2": "^1.6.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",

interface/src/SettingsContext.tsx

@@ -1,4 +1,3 @@
-// SettingsContext.tsx
 import React, { createContext, useContext, useState, ReactNode } from 'react';
 import { SettingsState } from './types/AppProps';
 import useSettingsState from './hooks/settingsState';

interface/src/main.tsx

@@ -17,7 +17,6 @@ style.innerHTML = `
 }`;
 document.head.appendChild(style);
 
-
 const root = ReactDOM.createRoot(document.getElementById('ExtensionPopup')!);
 
 root.render(