add basic theme upload functionality

src/interface/pages/SettingsPage.tsx

@@ -6,6 +6,7 @@ import { SettingsContextProvider } from '../SettingsContext';
 import Shortcuts from './SettingsPage/Shortcuts';
 import Picker from '../components/Picker';
 import Themes from './SettingsPage/Themes';
+import { ToastContainer } from 'react-toastify';
 
 import browser from 'webextension-polyfill';
 
@@ -31,6 +32,7 @@ const SettingsPage = ({ standalone }: SettingsPage) => {
 
   return (
     <SettingsContextProvider>
+      <ToastContainer />
       <div className={`flex flex-col w-[384px] shadow-2xl gap-2 bg-white ${ standalone ? 'h-[600px]' : 'h-[100vh] rounded-xl' } overflow-clip dark:bg-zinc-800 dark:text-white`}>
         <div className="grid border-b border-b-zinc-200/40 place-items-center">
           <img src={logo} className="w-4/5 dark:hidden" />

src/interface/pages/SettingsPage/Themes.tsx

@@ -8,7 +8,7 @@ type ThemeSelectorRef = {
 
 const Themes: FC = () => {
   const [isEditMode, setIsEditMode] = useState<boolean>(false);
-  const themeSelectorRef = createRef<ThemeSelectorRef>(); // Add type annotation here
+  const themeSelectorRef = createRef<ThemeSelectorRef>();
 
   const disableTheme = async () => {
     themeSelectorRef?.current?.disableTheme();