Redesign settings profile (#353)

* Redesign settings profile

* Fix spacing

* Fix Company creation

front/src/modules/ui/components/section-titles/MainSectionTitle.tsx

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import styled from '@emotion/styled';
+
+type OwnProps = {
+  children: ReactNode;
+};
+
+const StyledMainSectionTitle = styled.h2`
+  color: ${({ theme }) => theme.text80};
+  font-size: ${({ theme }) => theme.fontSizeExtraLarge};
+  font-weight: ${({ theme }) => theme.fontWeightBold};
+  line-height: 1.5;
+`;
+
+export function MainSectionTitle({ children }: OwnProps) {
+  return <StyledMainSectionTitle>{children}</StyledMainSectionTitle>;
+}

front/src/modules/ui/components/section-titles/SubSectionTitle.tsx

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import styled from '@emotion/styled';
+
+type OwnProps = {
+  children: ReactNode;
+};
+
+const StyledSubSectionTitle = styled.h2`
+  color: ${({ theme }) => theme.text80};
+  font-size: ${({ theme }) => theme.fontSizeMedium};
+  font-weight: ${({ theme }) => theme.fontWeightBold};
+  line-height: 1.5;
+`;
+
+export function SubSectionTitle({ children }: OwnProps) {
+  return <StyledSubSectionTitle>{children}</StyledSubSectionTitle>;
+}