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

app/components/List/Placeholder.tsx

@@ -14,18 +14,16 @@ type Props = {
   body?: PlaceholderTextProps;
 };
 
-const Placeholder = ({ count, className, header, body }: Props) => {
-  return (
-    <Fade>
-      {times(count || 2, (index) => (
-        <Item key={index} className={className} column auto>
-          <PlaceholderText {...header} header delay={0.2 * index} />
-          <PlaceholderText {...body} delay={0.2 * index} />
-        </Item>
-      ))}
-    </Fade>
-  );
-};
+const Placeholder = ({ count, className, header, body }: Props) => (
+  <Fade>
+    {times(count || 2, (index) => (
+      <Item key={index} className={className} column auto>
+        <PlaceholderText {...header} header delay={0.2 * index} />
+        <PlaceholderText {...body} delay={0.2 * index} />
+      </Item>
+    ))}
+  </Fade>
+);
 
 const Item = styled(Flex)`
   padding: 10px 0;