Implement new UI

front/src/pages/companies/Companies.tsx

@@ -0,0 +1,12 @@
+import { faBuilding } from '@fortawesome/free-regular-svg-icons';
+import WithTopBarContainer from '../../layout/containers/WithTopBarContainer';
+
+function Companies() {
+  return (
+    <WithTopBarContainer title="Companies" icon={faBuilding}>
+      <></>
+    </WithTopBarContainer>
+  );
+}
+
+export default Companies;

front/src/pages/companies/__stories__/Companies.stories.tsx

@@ -0,0 +1,18 @@
+import { MemoryRouter } from 'react-router-dom';
+import Companies from '../Companies';
+import { ThemeProvider } from '@emotion/react';
+import { lightTheme } from '../../../layout/styles/themes';
+import AppLayout from '../../../layout/AppLayout';
+
+export default {
+  title: 'Companies',
+  component: Companies,
+};
+
+export const CompaniesDefault = () => (
+  <ThemeProvider theme={lightTheme}>
+    <MemoryRouter>
+      <Companies />
+    </MemoryRouter>
+  </ThemeProvider>
+);

front/src/pages/companies/__tests__/Companies.test.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+
+import { CompaniesDefault } from '../__stories__/Companies.stories';
+
+it('Checks the Companies page render', () => {
+  const { getByTestId } = render(<CompaniesDefault />);
+
+  const title = getByTestId('top-bar-title');
+  expect(title).toHaveTextContent('Companies');
+});