fix(Disqus): reset disqusKey on component unmount to prevent memory leaks

Clean up Disqus component state and timer on unmount
Remove unused CSS rules for Disqus elements

Author: gadingnst

src/designs/styles/globals.css

@@ -115,10 +115,6 @@ body {
   font-family: var(--font-poppins), Arial, Helvetica, sans-serif;
 }
 
-.disqus-container *:not(:first-of-type), #disqus_thread *:not(:first-of-type) {
-  display: none !important;
-}
-
 @import "./custom-utilities";
 @import "./lazy-image";
 @import "./katex";

src/modules/Content/components/Disqus.tsx

@@ -28,7 +28,10 @@ function ContentDisqus(props: Props) {
     const timer = setTimeout(() => {
       setDisqusKey(`${language}-${appTheme}`);
     }, 1000);
-    return () => clearTimeout(timer);
+    return () => {
+      setDisqusKey('');
+      clearTimeout(timer);
+    };
   }, [language, appTheme]);
 
   return (