Add empty opportunity page (#83)

* Add empty opportunity page

* Fix coverage

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/pages/opportunities/Opportunities.tsx

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

front/src/pages/opportunities/__stories__/Opportunities.stories.tsx

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

front/src/pages/opportunities/__tests__/Opportunities.test.tsx

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