feat: add custom cursor to tabs

src/components/General/RightSideBar/ValidatorsTabs/ValidatorsTabs.tsx

@@ -1,4 +1,5 @@
 import { Tabs } from '@status-im/components'
+import { Stack } from 'tamagui'
 
 import ValidatorsList from './ValidatorsList'
 
@@ -20,13 +21,15 @@ const VALIDATOR_TABS = [
 const ValidatorsTabs = () => {
   return (
     <Tabs defaultValue="active">
-      <Tabs.List size={32}>
-        {VALIDATOR_TABS.map(tab => (
-          <Tabs.Trigger type="default" value={tab.value}>
-            {tab.label}
-          </Tabs.Trigger>
-        ))}
-      </Tabs.List>
+      <Stack style={{ cursor: 'pointer', width: 'fit-content' }}>
+        <Tabs.List size={32}>
+          {VALIDATOR_TABS.map(tab => (
+            <Tabs.Trigger type="default" value={tab.value}>
+              {tab.label}
+            </Tabs.Trigger>
+          ))}
+        </Tabs.List>
+      </Stack>
       <Tabs.Content value="active" style={{ marginTop: '8px' }}>
         <ValidatorsList />
       </Tabs.Content>