feat: redirect to Plan Required page if subscription status is not active (#2981)

* feat: redirect to Plan Required page if subscription status is not active

Closes #2934

* feat: navigate to Plan Required in PageChangeEffect

* feat: add Twenty logo to Plan Required modal

* test: add Storybook story

* Fix lint

---------

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

packages/twenty-front/src/pages/auth/__stories__/PlanRequired.stories.tsx

@@ -0,0 +1,36 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { within } from '@storybook/test';
+
+import { AppPath } from '@/types/AppPath';
+import {
+  PageDecorator,
+  PageDecoratorArgs,
+} from '~/testing/decorators/PageDecorator';
+import { graphqlMocks } from '~/testing/graphqlMocks';
+
+import { PlanRequired } from '../PlanRequired';
+
+const meta: Meta<PageDecoratorArgs> = {
+  title: 'Pages/Auth/PlanRequired',
+  component: PlanRequired,
+  decorators: [PageDecorator],
+  args: { routePath: AppPath.PlanRequired },
+  parameters: {
+    msw: graphqlMocks,
+    cookie: {
+      tokenPair: '{}',
+    },
+  },
+};
+
+export default meta;
+
+export type Story = StoryObj<typeof PlanRequired>;
+
+export const Default: Story = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+
+    await canvas.findByRole('button', { name: 'Get started' });
+  },
+};