Add link to company page (#727)

* Add link to company page

* Have company chip background color matchin the card's

* Revert "Have company chip background color matchin the card's"

This reverts commit 8e9575fd933f9efb8d6614ec7287d6be28b81f7e.

* Create chip variants

* Lint

* code style

* Fix tests

* Fix tests

* Fix tests

---------

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

front/src/modules/companies/__stories__/Board.stories.tsx

@@ -1,3 +1,4 @@
+import { MemoryRouter } from 'react-router-dom';
 import { Meta, StoryObj } from '@storybook/react';
 
 import { EntityBoard } from '@/pipeline/components/EntityBoard';
@@ -17,12 +18,15 @@ type Story = StoryObj<typeof EntityBoard>;
 
 export const OneColumnBoard: Story = {
   render: getRenderWrapperForComponent(
-    <EntityBoard
-      boardOptions={opportunitiesBoardOptions}
-      updateSorts={() => {
-        return;
-      }}
-    />,
+    <MemoryRouter>
+      <EntityBoard
+        boardOptions={opportunitiesBoardOptions}
+        updateSorts={() => {
+          return;
+        }}
+      />
+      ,
+    </MemoryRouter>,
   ),
   parameters: {
     msw: graphqlMocks,

front/src/modules/companies/__stories__/CompanyBoardCard.stories.tsx

@@ -1,3 +1,4 @@
+import { MemoryRouter } from 'react-router-dom';
 import { Meta, StoryObj } from '@storybook/react';
 
 import { CompanyBoardCard } from '@/companies/components/CompanyBoardCard';
@@ -15,7 +16,11 @@ export default meta;
 type Story = StoryObj<typeof CompanyBoardCard>;
 
 const FakeSelectableCompanyBoardCard = () => {
-  return <CompanyBoardCard />;
+  return (
+    <MemoryRouter>
+      <CompanyBoardCard />
+    </MemoryRouter>
+  );
 };
 
 export const CompanyCompanyBoardCard: Story = {