♻️(react) remove faker usage from stories

Random data in stories was causing Chromatic to detect changes during
each build.

packages/react/src/components/Modal/EdgeCases.stories.tsx

@@ -1,9 +1,9 @@
 import React, { useEffect } from "react";
-import { faker } from "@faker-js/faker";
 import { Meta } from "@storybook/react";
 import { Button } from ":/components/Button";
 import { CunninghamProvider } from ":/components/Provider";
 import { Modal, ModalSize, useModal } from ":/components/Modal/index";
+import longLorem from ":/components/Modal/resources/longLorem.json";
 
 const meta: Meta = {
   title: "Components/Modal/Edge Cases",
@@ -67,7 +67,7 @@ export const StackedModals = {
             size={ModalSize.LARGE}
             {...modal1}
           >
-            {faker.lorem.lines(400)}
+            {longLorem.text}
           </Modal>
           <Modal
             leftActions={<Button color="tertiary">Tertiary</Button>}
@@ -80,7 +80,7 @@ export const StackedModals = {
             size={ModalSize.MEDIUM}
             {...modal2}
           >
-            {faker.lorem.lines(400)}
+            {longLorem.text}
           </Modal>
           <Modal
             leftActions={<Button color="tertiary">Tertiary</Button>}
@@ -93,7 +93,7 @@ export const StackedModals = {
             size={ModalSize.SMALL}
             {...modal3}
           >
-            {faker.lorem.lines(400)}
+            {longLorem.text}
           </Modal>
           {array.map((i) => (
             <div key={i}>{i}</div>

packages/react/src/components/Modal/index.stories.tsx

@@ -1,9 +1,9 @@
 import { Meta, StoryObj } from "@storybook/react";
 import React, { useEffect } from "react";
-import { faker } from "@faker-js/faker";
 import { Modal, ModalSize, useModal } from ":/components/Modal/index";
 import { Button } from ":/components/Button";
 import { CunninghamProvider } from ":/components/Provider";
+import longLorem from ":/components/Modal/resources/longLorem.json";
 
 const meta: Meta<typeof Modal> = {
   title: "Components/Modal",
@@ -189,6 +189,6 @@ export const FullWithContent: Story = {
         <Button color="primary">Primary</Button>
       </>
     ),
-    children: faker.lorem.lines(400),
+    children: longLorem.text,
   },
 };