chore: Move editor into codebase (#2930)

app/editor/components/ToolbarButton.tsx

@@ -0,0 +1,40 @@
+import styled from "styled-components";
+
+type Props = { active?: boolean; disabled?: boolean };
+
+export default styled.button<Props>`
+  display: inline-block;
+  flex: 0;
+  width: 24px;
+  height: 24px;
+  cursor: pointer;
+  border: none;
+  background: none;
+  transition: opacity 100ms ease-in-out;
+  padding: 0;
+  opacity: 0.7;
+  outline: none;
+  pointer-events: all;
+  position: relative;
+  color: ${(props) => props.theme.toolbarItem};
+
+  &:hover {
+    opacity: 1;
+  }
+
+  &:disabled {
+    opacity: 0.3;
+    cursor: default;
+  }
+
+  &:before {
+    position: absolute;
+    content: "";
+    top: -4px;
+    right: -4px;
+    left: -4px;
+    bottom: -4px;
+  }
+
+  ${(props) => props.active && "opacity: 1;"};
+`;