feat: refine settings, stores, and message folders

src/seqta/utils/Closers/closeExtensionPopup.ts

@@ -11,14 +11,23 @@ export const closeExtensionPopup = (extensionPopup?: HTMLElement) => {
 
   extensionPopup.classList.add("hide");
   if (settingsState.animations) {
+    const panel = extensionPopup.shadowRoot?.querySelector<HTMLElement>(
+      "[data-settings-panel]",
+    );
     animate(1, 0, {
       onUpdate: (progress) => {
         extensionPopup.style.opacity = Math.max(0, progress).toString();
       },
-      type: "spring",
-      stiffness: 520,
-      damping: 20,
+      duration: 0.18,
+      ease: "easeIn",
     });
+    if (panel) {
+      animate(
+        panel,
+        { scale: [1, 0], opacity: [1, 0] },
+        { duration: 0.18, ease: "easeIn" },
+      );
+    }
   } else {
     extensionPopup.style.opacity = "0";
   }