Fixed story for person show page (#746)

* Fixed story for person show page

* Remove console.logs

---------

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

front/src/pages/people/PersonShow.tsx

@@ -1,4 +1,4 @@
-import { useParams } from 'react-router-dom';
+import { useLocation, useParams } from 'react-router-dom';
 import { useTheme } from '@emotion/react';
 
 import { Timeline } from '@/activities/timeline/components/Timeline';
@@ -14,6 +14,8 @@ import { CommentableType } from '~/generated/graphql';
 export function PersonShow() {
   const personId = useParams().personId ?? '';
 
+  const location = useLocation();
+
   const { data } = usePersonQuery(personId);
   const person = data?.findUniquePerson;
 

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

@@ -1,6 +1,9 @@
+import { Route, Routes } from 'react-router-dom';
 import type { Meta, StoryObj } from '@storybook/react';
+import {} from '@storybook/react';
 
 import { graphqlMocks } from '~/testing/graphqlMocks';
+import { mockedPeopleData } from '~/testing/mock-data/people';
 import { getRenderWrapperForPage } from '~/testing/renderWrappers';
 
 import { PersonShow } from '../PersonShow';
@@ -16,8 +19,10 @@ export type Story = StoryObj<typeof PersonShow>;
 
 export const Default: Story = {
   render: getRenderWrapperForPage(
-    <PersonShow />,
-    '/companies/89bb825c-171e-4bcc-9cf7-43448d6fb278',
+    <Routes>
+      <Route path="/person/:personId" element={<PersonShow />} />
+    </Routes>,
+    `/person/${mockedPeopleData[0].id}`,
   ),
   parameters: {
     msw: graphqlMocks,