ui improvements + remove unused code

interface/src/pages/Settings.tsx

@@ -51,7 +51,7 @@ const Settings: React.FC = () => {
     {
       title: "Edit Sidebar Layout",
       description: "Customise the sidebar layout.",
-      modifyElement: <button onClick={() => chrome.runtime.sendMessage({ type: 'currentTab', info: 'EditSidebar' })} className='px-4 py-1 text-[0.75rem] bg-blue-500 rounded-md'>Edit</button>
+      modifyElement: <button onClick={() => chrome.runtime.sendMessage({ type: 'currentTab', info: 'EditSidebar' })} className='px-4 py-1 text-[0.75rem] dark:bg-[#38373D] bg-[#DDDDDD] dark:text-white rounded-md'>Edit</button>
     },
     {
       title: "Transparency Effects",

src/SEQTA.js

@@ -940,7 +940,6 @@ export function OpenMenuOptions() {
       const element = ListItems[i];
 
       element.classList.add('draggable');
-      element.setAttribute('draggable', true);
       if (element.classList.contains('hasChildren')) {
         element.classList.remove('active');
         menu.firstChild.classList.remove('noscroll');

src/css/injected.scss

@@ -1667,10 +1667,11 @@ body {
   --menuHidden: none;
 }
 .editmenuoption {
-  padding: 8px;
-  background: var(--better-light);
+  background: var(--background-primary);
+  color: var(--text-primary);
   border-radius: 5px;
   margin: 0 10px;
+  padding: 8px;
   cursor: pointer;
 }
 .editmenuoption-container {