feat(manage-validator): add rest of the stories

src/pages/ManageValidator/LeftManage/LeftManage.stories.tsx

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { withRouter } from 'storybook-addon-react-router-v6'
+
+import LeftManage from './LeftManage'
+
+const meta = {
+  title: 'ManageValidator/LeftManage',
+  component: LeftManage,
+  decorators: [withRouter],
+  tags: ['autodocs'],
+} satisfies Meta<typeof LeftManage>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}

src/pages/ManageValidator/LeftManage/ManageValidatorTable/ValidatorDataTabs.stories.tsx

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { withRouter } from 'storybook-addon-react-router-v6'
+
+import ValidatorDataTabs from './ValidatorDataTabs'
+
+const meta = {
+  title: 'ManageValidator/ValidatorDataTabs',
+  component: ValidatorDataTabs,
+  decorators: [withRouter],
+  tags: ['autodocs'],
+} satisfies Meta<typeof ValidatorDataTabs>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}

src/pages/ManageValidator/LeftManage/ValidatorDataCards/ValidatorDataCard.stories.tsx

@@ -0,0 +1,51 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import ValidatorDataCard from './ValidatorDataCard'
+
+const meta = {
+  title: 'ManageValidator/ValidatorDataCard',
+  component: ValidatorDataCard,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+} satisfies Meta<typeof ValidatorDataCard>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {
+    title: 'Slots Behind',
+    value: 19,
+    iconPath: 'ghost.png',
+  },
+}
+
+export const Blocks: Story = {
+  args: {
+    title: 'Blocks',
+    value: 1452,
+    iconPath: 'rubiks-cube.png',
+    isFractionResult: true,
+    fractionValue: 987,
+  },
+}
+
+export const Attestations: Story = {
+  args: {
+    title: 'Attestations',
+    value: 2199,
+    iconPath: 'pacman.png',
+    fractionValue: 1023,
+    isFractionResult: true,
+  },
+}
+
+export const Syncs: Story = {
+  args: {
+    title: 'Syncs',
+    value: 1,
+    iconPath: 'toaster.png',
+  },
+}

src/pages/ManageValidator/LeftManage/ValidatorDataCards/ValidatorPeersCard.stories.tsx

@@ -0,0 +1,22 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import ValidatorPeersCard from './ValidatorPeersCard'
+
+const meta = {
+  title: 'ManageValidator/ValidatorPeersCard',
+  component: ValidatorPeersCard,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+} satisfies Meta<typeof ValidatorPeersCard>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {
+    title: 'Peers',
+    value: '67',
+  },
+}