refactor: add typescript support to project

src/common/component/MixedInput/ImageElement.tsx

@@ -4,6 +4,7 @@ import { Transforms } from "slate";
 import { ReactEditor } from "slate-react";
 import styled from "styled-components";
 import iconClose from "../../../assets/icons/close.circle.svg?url";
+
 const StylePicture = styled.picture`
   position: relative;
   display: flex;
@@ -21,6 +22,7 @@ const StylePicture = styled.picture`
     right: -20px;
   }
 `;
+
 export default function ImageElement({ attributes, children, element }) {
   const editor = useEditorRef();
   const path = ReactEditor.findPath(editor, element);

src/common/component/MixedInput/StyledCombobox.tsx

@@ -1,8 +1,9 @@
-// import React from 'react'
 import styled from "styled-components";
+
 const Styled = styled.div`
   display: flex;
 `;
+
 export default function StyledCombobox({ store }) {
   console.log("combox wtf", store.get.state());
   return <Styled>StyledCombobox</Styled>;

src/common/component/MixedInput/styled.ts

@@ -1,4 +1,5 @@
 import styled from "styled-components";
+
 const Styled = styled.div`
   max-height: 50vh;
   overflow: auto;