feat(manage-validator): add left sidebar

src/pages/ValidatorManagement/ManageValidator/ManageValidator.tsx

@@ -1,7 +1,7 @@
 import { XStack, YStack } from 'tamagui'
-
 import { Stack } from 'tamagui'
 
+import LeftSidebar from '../../../components/General/LeftSidebar/LeftSidebar'
 import RightManageSettings from './RightManageSettings/RightManageSettings'
 import ValidatorInfo from './ValidatorInfo'
 import DepositStatus from './DepositStatus'
@@ -15,33 +15,36 @@ import ValidatorSettingsCards from './ValidatorSeettingsCards'
 
 const ManageValidator = () => {
   return (
-    <XStack
+    <XStack style={{ height: '100vh' }}>
-      width={'min-content'}
+      <LeftSidebar />
-      alignItems="flex-start"
+      <XStack
-      style={{
+        width={'min-content'}
-        flexGrow: 1,
+        alignItems="flex-start"
-      }}
+        style={{
-    >
+          flexGrow: 1,
-      <Stack
+        }}
-        width={'50%'}
-        maxWidth="50%"
-        flexGrow={1}
-        space={'$2'}
-        style={{ borderRight: '1px solid #DCE0E5' }}
       >
-        <Header />
+        <Stack
-        <YStack backgroundColor="#F4F6FE" space={'$3'}>
+          width={'50%'}
-          <ValidatorInfo />
+          maxWidth="50%"
-          <DepositStatus />
+          flexGrow={1}
-          <ValidatorBalance />
+          space={'$2'}
-        </YStack>
+          style={{ borderRight: '1px solid #DCE0E5' }}
-        <ValidatorDataCards />
+        >
-        <ValidatorSettingsCards></ValidatorSettingsCards>
+          <Header />
-        <ValidatorGraffiti />
+          <YStack backgroundColor="#F4F6FE" space={'$3'}>
-        <ValidatorDataTabs />
+            <ValidatorInfo />
-        <Footer />
+            <DepositStatus />
-      </Stack>
+            <ValidatorBalance />
-      <RightManageSettings />
+          </YStack>
+          <ValidatorDataCards />
+          <ValidatorSettingsCards />
+          <ValidatorGraffiti />
+          <ValidatorDataTabs />
+          <Footer />
+        </Stack>
+        <RightManageSettings />
+      </XStack>
     </XStack>
   )
 }