fix: auto apply icon only sidebar on load

src/css/injected.scss

@@ -486,7 +486,6 @@ body.icon-only-sidebar:not(:has(#menu li.hasChildren.active)) {
 
   #menu ul li,
   #menu ul section {
-    width: 100% !important;
     min-width: 0 !important;
     max-width: 100% !important;
     padding: 8px !important;

src/plugins/monofile.ts

@@ -612,7 +612,15 @@ export function init() {
   if (settingsState.onoff) {
     console.info("[BetterSEQTA+] Enabled");
     if (settingsState.DarkMode) document.documentElement.classList.add("dark");
-    if (settingsState.iconOnlySidebar) document.body.classList.add("icon-only-sidebar");
+    if (settingsState.iconOnlySidebar) {
+      if (document.body) {
+        document.body.classList.add("icon-only-sidebar");
+      } else {
+        document.addEventListener("DOMContentLoaded", () => {
+          document.body?.classList.add("icon-only-sidebar");
+        });
+      }
+    }
 
     document.querySelector(".legacy-root")?.classList.add("hidden");
     ObserveMenuItemPosition();

src/seqta/utils/listeners/StorageChanges.ts

@@ -39,6 +39,7 @@ export class StorageChangeHandler {
   }
 
   private handleIconOnlySidebarChange(newValue: boolean | undefined) {
+    if (!document.body) return;
     if (newValue) {
       document.body.classList.add("icon-only-sidebar");
     } else {