ui: prepare base layout

src/components/Container/index.tsx

@@ -0,0 +1,12 @@
+import React from "react"
+import * as SC from "./styles"
+
+interface ContainerProps {
+  children: React.ReactNode
+}
+
+const Container = ({ children, ...restProps }: ContainerProps): JSX.Element => (
+  <SC.ContainerWrapper {...restProps}>{children}</SC.ContainerWrapper>
+)
+
+export default Container

src/components/Container/styles.tsx

@@ -0,0 +1,18 @@
+import styled from "styled-components"
+
+export const ContainerWrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  padding: 0 32px;
+  margin: 0 auto;
+  width: 100%;
+  max-width: 1015px;
+
+  & > :first-child {
+    margin-top: 0;
+  }
+
+  & > :last-child {
+    margin-bottom: 0;
+  }
+`