[CORL-416] Disable Live Updates (#2391)

* feat: initial implementation

* fix: docs

src/core/client/stream/test/configure/__snapshots__/renderConfigure.spec.tsx.snap

@@ -79,6 +79,48 @@ exports[`renders configure 1`] = `
         <div
           className="Box-root HorizontalGutter-root HorizontalGutter-double"
         >
+          <div>
+            <div
+              className="CheckBox-root"
+            >
+              <input
+                checked={true}
+                className="CheckBox-input"
+                disabled={false}
+                id="live.enabled"
+                name="live.enabled"
+                onBlur={[Function]}
+                onChange={[Function]}
+                onFocus={[Function]}
+                type="checkbox"
+              />
+              <label
+                className="CheckBox-label"
+                htmlFor="live.enabled"
+              >
+                <span
+                  className="CheckBox-labelSpan"
+                >
+                  <span
+                    className="Box-root Typography-root Typography-heading3 Typography-colorTextPrimary"
+                  >
+                    <span>
+                      Enable Live Updates for this Story
+                    </span>
+                  </span>
+                </span>
+              </label>
+            </div>
+            <div
+              className="ToggleConfig-details"
+            >
+              <p
+                className="Box-root Typography-root Typography-detail Typography-colorTextSecondary WidthLimitedDescription-root"
+              >
+                When enabled, there will be real-time loading and updating of comments as new comments and replies are published.
+              </p>
+            </div>
+          </div>
           <div>
             <div
               className="CheckBox-root"

src/core/client/stream/test/fixtures.ts

@@ -23,6 +23,10 @@ export const settings = createFixture<GQLSettings>({
   id: "settings",
   moderation: GQLMODERATION_MODE.POST,
   premodLinksEnable: false,
+  live: {
+    enabled: true,
+    configurable: true,
+  },
   communityGuidelines: {
     enabled: false,
     content: "",
@@ -358,6 +362,10 @@ export const baseStory = createFixture<GQLStory>({
     messageBox: {
       enabled: false,
     },
+    live: {
+      enabled: true,
+      configurable: true,
+    },
   },
 });