feat: add padding prop to AddCard component

src/components/General/AddCards/AddCard.tsx

@@ -1,7 +1,11 @@
 import { Stack } from 'tamagui'
 import { AddIcon } from '@status-im/icons'
 
-const AddCard = () => {
+type AddCardProps = {
+  padding: string
+}
+
+const AddCard = ({ padding }: AddCardProps) => {
   return (
     <Stack
       style={{
@@ -9,7 +13,7 @@ const AddCard = () => {
         borderRadius: '16px',
         cursor: 'pointer',
         minHeight: '150px',
-        padding: '0 7vw',
+        padding: padding,
         justifyContent: 'center',
         alignItems: 'center',
         backgroundColor: 'white',

src/components/General/AddCards/AddCardsContainer.tsx

@@ -7,8 +7,8 @@ const AddCardsContainer = () => {
   return (
     <DashboardCardWrapper padding="0">
       <YStack>
-        <AddCard />
-        <AddCard />
+        <AddCard padding={'0 7vw'} />
+        <AddCard padding={'0 7vw'} />
       </YStack>
     </DashboardCardWrapper>
   )

src/pages/Dashboard/RightSideBar/RightSidebar.tsx

@@ -3,6 +3,7 @@ import { XStack, YStack } from 'tamagui'
 import ValidatorListItem from './ValidatorListItem'
 import InputSearch from './SearchInput'
 import { CloseCircleIcon, ChevronRightIcon } from '@status-im/icons'
+import AddCard from '../../../components/General/AddCards/AddCard'
 
 const RightSidebar = () => {
   return (
@@ -21,7 +22,14 @@ const RightSidebar = () => {
           <Text size={13}>0xb9d...c35</Text>
         </YStack>
       </XStack>
-
+      <XStack alignItems="center" justifyContent="space-between">
+        <YStack backgroundColor={'#2A4AF5'} style={{ padding: '8px 12px', borderRadius: '16px' }}>
+          <Text size={15} weight={'semibold'} color={'#FFF'}>
+            Diamond Hands
+          </Text>
+        </YStack>
+        <AddCard padding={'0 2vw'} />
+      </XStack>
       <Tabs defaultValue="active">
         <Tabs.List size={32}>
           <Tabs.Trigger type="default" value="active">