Add empty opportunity page (#83)

* Add empty opportunity page

* Fix coverage

---------

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

front/src/layout/navbar/Navbar.tsx

@@ -6,7 +6,10 @@ import NavItem from './NavItem';
 import NavTitle from './NavTitle';
 import WorkspaceContainer from './WorkspaceContainer';
 import { faUser } from '@fortawesome/pro-regular-svg-icons';
-import { faBuildings } from '@fortawesome/pro-regular-svg-icons';
+import {
+  faBuildings,
+  faBullseyeArrow,
+} from '@fortawesome/pro-regular-svg-icons';
 
 const NavbarContainer = styled.div`
   display: flex;
@@ -56,6 +59,17 @@ function Navbar({ workspace }: OwnProps) {
               })
             }
           />
+          <NavItem
+            label="Opportunities"
+            to="/opportunities"
+            icon={faBullseyeArrow}
+            active={
+              !!useMatch({
+                path: useResolvedPath('/opportunities').pathname,
+                end: true,
+              })
+            }
+          />
         </NavItemsContainer>
       </NavbarContainer>
     </>