fix: details for new stories

src/components/General/AddCard.stories.ts

@@ -13,6 +13,6 @@ export default meta
 
 type AddCardStory = StoryObj<typeof AddCard>
 
-export const Page: AddCardStory = {
+export const Default: AddCardStory = {
   args: {},
 }

src/pages/Dashboard/BasicInfoCard.stories.ts

@@ -2,17 +2,21 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 import BasicInfoCard from './BasicInfoCard'
 
-const meta: Meta = {
+const meta = {
   title: 'Dashboard/BasicInfoCard',
   component: BasicInfoCard,
-  decorators: [],
+  parameters: {
+    layout: 'centered',
+  },
   tags: ['autodocs'],
-}
+} satisfies Meta<typeof BasicInfoCard>
 
 export default meta
+type Story = StoryObj<typeof meta>
 
-type BasicInfoCardStory = StoryObj<typeof BasicInfoCard>
-
-export const Page: BasicInfoCardStory = {
-  args: {},
+export const Default: Story = {
+  args: {
+    title: 'Default',
+    value: '10',
+  },
 }

src/pages/Dashboard/Dashboard.stories.ts

@@ -2,17 +2,18 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 import Dashboard from './Dashboard'
 
-const meta: Meta = {
+const meta = {
   title: 'Pages/Dashboard',
   component: Dashboard,
-  decorators: [],
+  parameters: {
+    layout: 'centered',
+  },
   tags: ['autodocs'],
-}
+} satisfies Meta<typeof Dashboard>
 
 export default meta
+type Story = StoryObj<typeof meta>
 
-type DashboardStory = StoryObj<typeof Dashboard>
-
-export const Page: DashboardStory = {
+export const Page: Story = {
   args: {},
 }

src/pages/Dashboard/DashboardCardWrapper.stories.ts

@@ -2,17 +2,20 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 import DashboardCardWrapper from './DashboardCardWrapper'
 
-const meta: Meta = {
+const meta = {
   title: 'Dashboard/DashboardCardWrapper',
   component: DashboardCardWrapper,
-  decorators: [],
+  parameters: {
+    layout: 'centered',
+  },
   tags: ['autodocs'],
-}
+} satisfies Meta<typeof DashboardCardWrapper>
 
 export default meta
+type Story = StoryObj<typeof meta>
 
-type DashboardCardWrapperStory = StoryObj<typeof DashboardCardWrapper>
-
-export const Page: DashboardCardWrapperStory = {
-  args: {},
+export const Default: Story = {
+  args: {
+    children: 'Default',
+  },
 }

src/pages/Dashboard/SyncStatusCard.stories.ts

@@ -2,17 +2,18 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 import SyncStatusCard from './SyncStatusCard'
 
-const meta: Meta = {
+const meta = {
   title: 'Dashboard/SyncStatusCard',
   component: SyncStatusCard,
-  decorators: [],
+  parameters: {
+    layout: 'centered',
+  },
   tags: ['autodocs'],
-}
+} satisfies Meta<typeof SyncStatusCard>
 
 export default meta
+type Story = StoryObj<typeof meta>
 
-type SyncStatusCardStory = StoryObj<typeof SyncStatusCard>
-
-export const Page: SyncStatusCardStory = {
+export const Default: Story = {
   args: {},
 }