Refactor/inplace input (#541)

* wip

* Changed all other components

* Removed console log

* Console.log

* lint

* Removed internal state

* Fix

* Lint

front/src/modules/ui/board/components/BoardColumn.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import styled from '@emotion/styled';
+
+export const StyledColumn = styled.div`
+  background-color: ${({ theme }) => theme.background.primary};
+  display: flex;
+  flex-direction: column;
+  min-width: 200px;
+  padding: ${({ theme }) => theme.spacing(2)};
+`;
+
+export const StyledColumnTitle = styled.h3`
+  color: ${({ color }) => color};
+  font-family: 'Inter';
+  font-size: ${({ theme }) => theme.font.size.md};
+  font-style: normal;
+  font-weight: ${({ theme }) => theme.font.weight.medium};
+  line-height: ${({ theme }) => theme.text.lineHeight};
+  margin: 0;
+  margin-bottom: ${({ theme }) => theme.spacing(2)};
+`;
+
+type OwnProps = {
+  colorCode?: string;
+  title: string;
+  children: React.ReactNode;
+};
+
+export function BoardColumn({ colorCode, title, children }: OwnProps) {
+  return (
+    <StyledColumn>
+      <StyledColumnTitle color={colorCode}>• {title}</StyledColumnTitle>
+      {children}
+    </StyledColumn>
+  );
+}