feat: add different values to act sync card story

src/pages/ValidatorOnboarding/Activation/ActivationSyncCard.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react'
+import { withRouter } from 'storybook-addon-react-router-v6'
 
 import ActivationSyncCard from './ActivationSyncCard'
-import { withRouter } from 'storybook-addon-react-router-v6'
 
 const meta = {
   title: 'ValidatorOnboarding/ActivationSyncCard',
@@ -32,3 +32,35 @@ export const Red: Story = {
     gaugeTotal: 172.503,
   },
 }
+
+export const MaxValue: Story = {
+  args: {
+    gaugeColor: '#2a4af5',
+    gaugeSynced: 172.503,
+    gaugeTotal: 172.503,
+  },
+}
+
+export const OverMaxValue: Story = {
+  args: {
+    gaugeColor: '#2a4af5',
+    gaugeSynced: 200,
+    gaugeTotal: 172.503,
+  },
+}
+
+export const MinValue: Story = {
+  args: {
+    gaugeColor: '#2a4af5',
+    gaugeSynced: 0,
+    gaugeTotal: 172.503,
+  },
+}
+
+export const UnderMinValue: Story = {
+  args: {
+    gaugeColor: '#2a4af5',
+    gaugeSynced: -100,
+    gaugeTotal: 172.503,
+  },
+}