new popup in default_popup

interface/src/main.tsx

@@ -1,22 +1,16 @@
-import React, { useState } from 'react'
+import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App.js'
 import './index.css'
-// @ts-expect-error There aren't any types for the below library
-import ColorPicker from 'react-best-gradient-color-picker';
+import { SettingsContextProvider } from './SettingsContext.js';
 
 const root = ReactDOM.createRoot(document.getElementById('ExtensionPopup')!);
 
-// @ts-expect-error woaefoiahef
-// eslint-disable-next-line
-function Testing() {
-  const [color, setColor] = useState('#fffff');
-
-  return <ColorPicker value={color} onChange={setColor} />
-}
 
 root.render(
   <React.StrictMode>
-    <App />
+    <SettingsContextProvider>
+      <App />
+    </SettingsContextProvider>
   </React.StrictMode>,
 );