fix: works with new constant structure

src/pages/ValidatorManagement/ManagementTabs.tsx

@@ -1,48 +1,24 @@
-import { useMemo } from 'react'
 import { Tabs } from '@status-im/components'
 import { Stack } from 'tamagui'
 
 import ManagementTable from './ManagementTable/ManagementTable'
+import { VALIDATOR_TABS } from '../../constants'
 
 const ManagementTabs = () => {
-  const VALIDATOR_TABS = useMemo(
-    () => [
-      {
-        value: 'Active',
-      },
-      {
-        value: 'Pending',
-      },
-      {
-        value: 'Inactive',
-      },
-      {
-        value: 'Exited',
-      },
-      {
-        value: 'Withdraw',
-      },
-      {
-        value: 'All',
-      },
-    ],
-    [],
-  )
-
   return (
-    <Tabs defaultValue={VALIDATOR_TABS[0].value}>
+    <Tabs defaultValue={VALIDATOR_TABS[0]}>
       <Stack style={{ cursor: 'pointer', width: 'fit-content', margin: '16px 0' }}>
         <Tabs.List size={32}>
           {VALIDATOR_TABS.map(tab => (
-            <Tabs.Trigger key={tab.value} type="default" value={tab.value}>
+            <Tabs.Trigger key={tab} type="default" value={tab}>
-              {tab.value}
+              {tab}
             </Tabs.Trigger>
           ))}
         </Tabs.List>
       </Stack>
       {VALIDATOR_TABS.map(tab => (
-        <Tabs.Content key={tab.value} value={tab.value} style={{ marginTop: '8px' }}>
+        <Tabs.Content key={tab} value={tab} style={{ marginTop: '8px' }}>
-          <ManagementTable tab={tab.value} />
+          <ManagementTable tab={tab} />
         </Tabs.Content>
       ))}
     </Tabs>