fix: drag cover hiding text

src/interface/components/ThemeSelector.tsx

@@ -194,7 +194,7 @@ const ThemeSelector: ForwardRefExoticComponent<Omit<ThemeSelectorProps, "ref"> &
       onDragLeave={handleDragLeave} 
       onDrop={handleDrop}
       >
-      <div className={`${isDragging ? 'opacity-90' : 'opacity-0'} transition absolute w-full h-full p-2 z-50`}>
+      <div className={`${isDragging ? 'opacity-90' : 'opacity-0'} transition pointer-events-none absolute w-full h-full p-2 z-50`}>
         <div className='w-full h-full shadow-xl bg-black/60 rounded-xl'>
           <div className='flex items-center justify-center w-full h-full'>
             <div className='flex flex-col items-center justify-center'>

src/interface/pages/SettingsPage.tsx

@@ -32,7 +32,7 @@ const SettingsPage = ({ standalone }: SettingsPage) => {
 
   return (
     <SettingsContextProvider>
-      <ToastContainer />
+      <ToastContainer stacked toastStyle={{ borderRadius: '16px' }} draggable theme={document.body.classList.contains('dark') ? 'dark' : 'light'} />
       <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" />