feat: add state to table header story

src/pages/ValidatorManagement/ManagementTable/ManagementTableHeader.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react'
+import { useState } from 'react'
 
 import ManagementTableHeader from './ManagementTableHeader'
 
@@ -14,18 +15,24 @@ const meta = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Default: Story = {
-  args: {
-    validatorsAmount: 4,
-    isAllSelected: false,
-    handleSelectAll: () => {},
-  },
+export const Default: Story = () => {
+  const [isAllSelected, setIsAllSelected] = useState(false)
+
+  const handleSelectAll = () => {
+    setIsAllSelected(state => !state)
+  }
+
+  return (
+    <ManagementTableHeader
+      validatorsAmount={4}
+      isAllSelected={isAllSelected}
+      handleSelectAll={handleSelectAll}
+    />
+  )
 }
 
-export const AllSelectedHeader: Story = {
-  args: {
-    validatorsAmount: 4,
-    isAllSelected: true,
-    handleSelectAll: () => {},
-  },
+Default.args = {
+  isAllSelected: false,
+  validatorsAmount: 4,
+  handleSelectAll: () => {},
 }