refactor: create Checkbox component

front/src/components/form/Checkbox.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import styled from '@emotion/styled';
+
+type OwnProps = {
+  name: string;
+  id: string;
+};
+
+const StyledContainer = styled.span`
+  input[type='checkbox'] {
+    accent-color: #1111b7;
+  }
+`;
+
+function Checkbox({ name, id }: OwnProps) {
+  return (
+    <StyledContainer>
+      <input type="checkbox" id={id} name={name}></input>
+    </StyledContainer>
+  );
+}
+
+export default Checkbox;