Implement new UI

front/src/pages/people/People.tsx

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

front/src/pages/people/__stories__/People.stories.tsx

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

front/src/pages/people/__tests__/People.test.tsx

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