add back the centered layout

Author: dks333

storybook/stories/BuyWrapper.stories.tsx

@@ -13,14 +13,17 @@ interface BuyStoryProps {
 const BuyExample: React.FC<BuyStoryProps> = ({ disabled }) => (
   <App>
     <BuyWrapper>
-      {({ address, toToken }) => <Buy toToken={toToken} disabled={disabled} />}
+      {({ toToken }) => <Buy toToken={toToken} disabled={disabled} />}
     </BuyWrapper>
   </App>
 );
 
 const meta = {
   title: "OnchainKit/Buy",
   component: BuyExample,
+  parameters: {
+    layout: "centered",
+  },
   tags: ["autodocs"],
   argTypes: {
     disabled: { control: "boolean" },

storybook/stories/Identity/Identity.stories.tsx

@@ -12,6 +12,9 @@ import { base } from "viem/chains";
 const meta = {
   title: "OnchainKit/Identity/Identity",
   component: Identity,
+  parameters: {
+    layout: "centered",
+  },
   tags: ["autodocs"],
   decorators: [
     (Story) => (

storybook/stories/Identity/IdentityAddress.stories.tsx

@@ -5,6 +5,9 @@ import type { Meta, StoryObj } from "@storybook/react";
 const meta = {
   title: "OnchainKit/Identity/Address",
   component: Address,
+  parameters: {
+    layout: "centered",
+  },
   tags: ["autodocs"],
   decorators: [
     (Story) => (

storybook/stories/Identity/IdentityAvatar.stories.tsx

@@ -6,6 +6,9 @@ import { base } from "viem/chains";
 const meta = {
   title: "OnchainKit/Identity/Avatar",
   component: Avatar,
+  parameters: {
+    layout: "centered",
+  },
   tags: ["autodocs"],
   decorators: [
     (Story) => (

storybook/stories/Identity/IdentityBadge.stories.tsx

@@ -5,6 +5,9 @@ import type { Meta, StoryObj } from "@storybook/react";
 const meta = {
   title: "OnchainKit/Identity/Badge",
   component: Badge,
+  parameters: {
+    layout: "centered",
+  },
   tags: ["autodocs"],
   decorators: [
     (Story) => (

storybook/stories/Identity/IdentityCard.stories.tsx

@@ -7,6 +7,9 @@ import { mainnet } from "wagmi/chains";
 const meta = {
   title: "OnchainKit/Identity/Card",
   component: IdentityCard,
+  parameters: {
+    layout: "centered",
+  },
   tags: ["autodocs"],
   decorators: [
     (Story) => (

storybook/stories/Identity/IdentityName.stories.tsx

@@ -1,17 +1,14 @@
-import {
-  Address,
-  Avatar,
-  Identity,
-  Name,
-  Badge,
-} from "@coinbase/onchainkit/identity";
+import { Identity, Name, Badge } from "@coinbase/onchainkit/identity";
 import App from "../App";
 import type { Meta, StoryObj } from "@storybook/react";
 import { base } from "viem/chains";
 
 const meta = {
   title: "OnchainKit/Identity/Name",
   component: Name,
+  parameters: {
+    layout: "centered",
+  },
   tags: ["autodocs"],
   decorators: [
     (Story) => (

storybook/stories/Identity/IdentitySocials.stories.tsx

@@ -13,6 +13,9 @@ import { base, mainnet } from "viem/chains";
 const meta = {
   title: "OnchainKit/Identity/Socials",
   component: Socials,
+  parameters: {
+    layout: "centered",
+  },
   tags: ["autodocs"],
   decorators: [
     (Story) => (

storybook/stories/Token/TokenChip.stories.tsx

@@ -5,6 +5,9 @@ import type { Meta, StoryObj } from "@storybook/react";
 const meta = {
   title: "OnchainKit/Token/Chip",
   component: TokenChip,
+  parameters: {
+    layout: "centered",
+  },
   tags: ["autodocs"],
   decorators: [
     (Story) => (

storybook/stories/Token/TokenImage.stories.tsx

@@ -5,6 +5,9 @@ import type { Meta, StoryObj } from "@storybook/react";
 const meta = {
   title: "OnchainKit/Token/Image",
   component: TokenImage,
+  parameters: {
+    layout: "centered",
+  },
   tags: ["autodocs"],
   decorators: [
     (Story) => (