Remove unused InputRich component

app/components/InputRich.tsx

@@ -1,63 +0,0 @@
-import { observer } from "mobx-react";
-import * as React from "react";
-import { Trans } from "react-i18next";
-import styled from "styled-components";
-import Editor from "~/components/Editor";
-import { LabelText, Outline } from "~/components/Input";
-import Text from "~/components/Text";
-
-type Props = {
-  label: string;
-  minHeight?: number;
-  maxHeight?: number;
-  readOnly?: boolean;
-};
-
-function InputRich({ label, minHeight, maxHeight, ...rest }: Props) {
-  const [focused, setFocused] = React.useState<boolean>(false);
-  const handleBlur = React.useCallback(() => {
-    setFocused(false);
-  }, []);
-  const handleFocus = React.useCallback(() => {
-    setFocused(true);
-  }, []);
-
-  return (
-    <>
-      <LabelText>{label}</LabelText>
-      <StyledOutline
-        maxHeight={maxHeight}
-        minHeight={minHeight}
-        focused={focused}
-      >
-        <React.Suspense
-          fallback={
-            <Text type="secondary">
-              <Trans>Loading editor</Trans>…
-            </Text>
-          }
-        >
-          <Editor onBlur={handleBlur} onFocus={handleFocus} grow {...rest} />
-        </React.Suspense>
-      </StyledOutline>
-    </>
-  );
-}
-
-const StyledOutline = styled(Outline)<{
-  minHeight?: number;
-  maxHeight?: number;
-  focused?: boolean;
-}>`
-  display: block;
-  padding: 8px 12px;
-  min-height: ${({ minHeight }) => (minHeight ? `${minHeight}px` : "0")};
-  max-height: ${({ maxHeight }) => (maxHeight ? `${maxHeight}px` : "auto")};
-  overflow-y: auto;
-
-  > * {
-    display: block;
-  }
-`;
-
-export default observer(InputRich);