Profile page UI and functionality implemented

stories/pages/CompletedPage.stories.js

@@ -1,4 +1,24 @@
 import { CompletedScreen } from "../../app/(app)/create/screens/completed/CompletedScreen";
+import { CREATE_FLOW_LAST_PUBLISHED_KEY } from "../../lib/create/lastPublishedRule";
+
+const storySessionFixture = {
+  id: "story-rule",
+  title: "Storybook Community Rule",
+  summary: "Preview copy loaded from sessionStorage for this story.",
+  document: {
+    sections: [
+      {
+        categoryName: "Values",
+        entries: [
+          {
+            title: "Preview value",
+            body: "Example body so the document column is populated in Storybook.",
+          },
+        ],
+      },
+    ],
+  },
+};
 
 export default {
   title: "Pages/Create Flow/Completed",
@@ -13,11 +33,19 @@ export default {
     },
   },
   decorators: [
-    (Story) => (
-      <div className="min-h-screen bg-[var(--color-teal-teal50,#c9fef9)] flex flex-col items-center">
-        <Story />
-      </div>
-    ),
+    (Story) => {
+      if (typeof sessionStorage !== "undefined") {
+        sessionStorage.setItem(
+          CREATE_FLOW_LAST_PUBLISHED_KEY,
+          JSON.stringify(storySessionFixture),
+        );
+      }
+      return (
+        <div className="min-h-screen bg-[var(--color-teal-teal50,#c9fef9)] flex flex-col items-center">
+          <Story />
+        </div>
+      );
+    },
   ],
   tags: ["autodocs"],
 };