feat: improve performance of extension popup and update release notes

src/SEQTA.ts

@@ -142,6 +142,20 @@ export function OpenWhatsNewPopup() {
     /* html */ `
   <div class="whatsnewTextContainer" style="height: 50%;overflow-y: scroll;">    
 
+    <h1>3.2.6 - Bug fixes and performance improvements</h1>
+    <li>Improved contrast for notifications</li>
+    <li>Added 12-hour time format toggle</li>
+    <li>Using external update video to ensure smaller package size</li>
+    <li>Refactored underlying code to improve performance</li>
+    <li>Removed old theme system <span style="font-style: italic;">*revamp coming soon*</span></li>
+    <li>Improved notices contrast</li>
+    <li>Remove Telemetry completely - as we weren't using it too much</li>
+    <li>Added Error handling to settings interface</li>
+    <li>Fixed HTML message editor cursor becoming misaligned</li>
+    <li>Enabled spellcheck inside of direct messages</li>
+    <li>Fixed timetable dates being misaligned</li>
+    <li>Other minor bug fixes and under the hood improvements</li>
+
     <h1>3.2.5 - More Bug Fixes</h1>
     <li>New direct message scroll animations</li>
     <li>Added error message for brave browser shields breaking backgrounds</li>

src/css/injected.scss

@@ -2883,6 +2883,10 @@ li.MessageList__unread___3imtO {
 body:has(.outside-container:not(.hide)) #AddedSettings.tooltip:hover > .tooltiptext {
   transform: scale(0);
 }
+#ExtensionPopup {
+  will-change: opacity, transform;
+  transform: translateZ(0); // promotes GPU rendering
+}
 .assessmenttooltip svg {
   fill: var(--text-primary);
 }

src/interface/pages/SettingsPage/Themes.tsx

@@ -1,6 +1,6 @@
 import { FC, createRef, useState } from 'react';
 import BackgroundSelector from '../../components/BackgroundSelector';
-import ThemeSelector from '../../components/ThemeSelector';
+//import ThemeSelector from '../../components/ThemeSelector';
 import { memo } from 'react';
 
 type ThemeSelectorRef = {
@@ -22,7 +22,7 @@ const Themes: FC = () => {
         {isEditMode ? 'Done' : 'Edit'}
       </button>
     <BackgroundSelector disableTheme={disableTheme} isEditMode={isEditMode} />
-    <ThemeSelector ref={themeSelectorRef} isEditMode={isEditMode} />
+    {/* <ThemeSelector ref={themeSelectorRef} isEditMode={isEditMode} /> */}
   </div>
   );
 };