[next] Bugfixes (#2272)

* feat: suspending, banning, now propogation

* feat: new mutation api with hooks support

* [CORL-343] Center Spinner in Stream

* [CORL-344] Fix moderation card styling

* [CORL-338] Fix permalink reply bug

* [CORL-337] Fix community guidelines box width

* [CORL-341] Toggle reply form view when clicking on reply

* test: add tests

* [CORL-333] Fix bug: removing message box icon; [CORL-336] Fix bug: allow resetting custom css

src/core/client/admin/routes/configure/sections/advanced/components/CustomCSSConfig.tsx

@@ -2,6 +2,7 @@ import { Localized } from "fluent-react/compat";
 import React, { StatelessComponent } from "react";
 import { Field } from "react-final-form";
 
+import { formatEmpty, parseEmptyAsNull } from "talk-framework/lib/form";
 import {
   FormField,
   HorizontalGutter,
@@ -33,7 +34,7 @@ const CustomCSSConfig: StatelessComponent<Props> = ({ disabled }) => (
           styles. Can be internal or external.
         </Typography>
       </Localized>
-      <Field name="customCSSURL">
+      <Field name="customCSSURL" parse={parseEmptyAsNull} format={formatEmpty}>
         {({ input, meta }) => (
           <>
             <TextField

src/core/client/admin/routes/moderate/components/CommentContent.css

@@ -1,4 +1,6 @@
 .root {
+  composes: root from "talk-stream/shared/htmlContent.css";
+
   mark {
     background-color: var(--palette-highlight);
     padding: 0 2px;