message: Add collaborativeTextArea to sharedString
  #### Description
  Add `CollaborativeTextArea` to client-debugger to add text-editing
  experience in visualizer.
  <img width="911" alt="image"
  src="https://user-images.githubusercontent.com/111468570/213383912-61e374d3-711d-43ea-bda5-1154da4e7eff.png">
diff: * Copyright (c) Microsoft Corporation and contributors. All rights reserved.
  * Licensed under the MIT License.
  */
  -import { Stack, StackItem } from "@fluentui/react";
  import React from "react";
  import { SharedString } from "@fluidframework/sequence";
  +import { CollaborativeTextArea, SharedStringHelper } from "@fluid-experimental/react-inputs";
  /**
  * {@link SharedStringView} input props.
  @@ -23,27 +23,10 @@ export interface SharedStringViewProps {
  export function SharedStringView(props: SharedStringViewProps): React.ReactElement {
  const { sharedString } = props;
  - const [text, setText] = React.useState<string>(sharedString.getText());
  -
  - React.useEffect(() => {
  - function updateText(): void {
  - const newText = sharedString.getText();
  - setText(newText);
  - }
  -
  - sharedString.on("sequenceDelta", updateText);
  -
  - return (): void => {
  - sharedString.off("sequenceDelta", updateText);
  - };
  - }, []);
  -
  return (
  - <Stack>
  - <StackItem>
  - <b>SharedString</b>
  - </StackItem>
  - <StackItem>{text}</StackItem>
  - </Stack>
  + <CollaborativeTextArea
  + style={{ height: 30, width: 200 }}
  + sharedStringHelper={new SharedStringHelper(sharedString)}
  + />
  );
  }
  