Assorted cleanup, minor bug fixes, styling fixes, eslint rules (#5165

* fix: Logic error in toast
fix: Remove useless component

* fix: Logout not clearing all stores

* Add icons to notification settings

* Add eslint rule to enforce spaced comment

* Add eslint rule for arrow-body-style

* Add eslint rule to enforce self-closing components

* Add menu to api key settings
Fix: Deleting webhook subscription does not remove from UI
Split webhook subscriptions into active and inactive
Styling updates

server/models/helpers/DocumentHelper.tsx

@@ -192,9 +192,8 @@ export default class DocumentHelper {
     const dom = new JSDOM(html);
     const doc = dom.window.document;
 
-    const containsDiffElement = (node: Element | null) => {
-      return node && node.innerHTML.includes("data-operation-index");
-    };
+    const containsDiffElement = (node: Element | null) =>
+      node && node.innerHTML.includes("data-operation-index");
 
     // We use querySelectorAll to get a static NodeList as we'll be modifying
     // it as we iterate, rather than getting content.childNodes.

server/models/helpers/ProsemirrorHelper.tsx

@@ -90,7 +90,7 @@ export default class ProsemirrorHelper {
       : "article";
 
     const rtl = isRTL(node.textContent);
-    const content = <div id="content" className="ProseMirror"></div>;
+    const content = <div id="content" className="ProseMirror" />;
     const children = (
       <>
         {options?.title && <h1 dir={rtl ? "rtl" : "ltr"}>{options.title}</h1>}