Merge branch 'main' of https://github.com/gridaco/designto-code into staging

Author: softmarshmallow

editor/components/editor/editor-appbar/editor-appbar-fragment-for-sidebar.tsx

@@ -3,26 +3,24 @@ import styled from "@emotion/styled";
 import { ArrowBack } from "@material-ui/icons";
 import { useRouter } from "next/router";
 import { colors } from "theme";
+import ClientOnly from "components/client-only";
 
 export function AppbarFragmentForSidebar() {
   const router = useRouter();
 
   return (
     <RootWrapperAppbarFragmentForSidebar>
-      <ArrowBack
-        style={{
-          fontSize: "20px",
-          fill: "white",
-        }}
-        onClick={() => {
-          router.push("/");
-        }}
-      />
-      {/* <IconsMdiMenu
-        // TODO: replace resource
-        src="https://s3-us-west-2.amazonaws.com/figma-alpha-api/img/333b/8550/4bdd6a7ceffe5b23b37bc68c1fb7a4ab"
-        alt="image of IconsMdiMenu"
-      ></IconsMdiMenu> */}
+      <ClientOnly>
+        <ArrowBack
+          style={{
+            fontSize: "20px",
+            fill: "white",
+          }}
+          onClick={() => {
+            router.push("/");
+          }}
+        />
+      </ClientOnly>
     </RootWrapperAppbarFragmentForSidebar>
   );
 }
@@ -40,9 +38,3 @@ const RootWrapperAppbarFragmentForSidebar = styled.div`
   box-sizing: border-box;
   padding: 14px 16px;
 `;
-
-const IconsMdiMenu = styled.img`
-  width: 24px;
-  height: 24px;
-  object-fit: cover;
-`;