Create right sidebar search input

src/pages/Dashboard/RightSideBar/RightSidebar.tsx

@@ -1,6 +1,7 @@
 import { Avatar, Tabs, Text } from '@status-im/components'
 import { XStack, YStack } from 'tamagui'
 import ValidatorListItem from './ValidatorListItem'
+import InputSearch from './SearchInput'
 // import { NodeIcon } from '@status-im/icons'
 
 const RightSidebar = () => {
@@ -34,6 +35,7 @@ const RightSidebar = () => {
           </Tabs.Trigger>
         </Tabs.List>
         <Tabs.Content value="active">
+          <InputSearch />
           <YStack>
             <ValidatorListItem />
             <ValidatorListItem />

src/pages/Dashboard/RightSideBar/SearchInput.tsx

@@ -0,0 +1,25 @@
+import { Input } from "@status-im/components"
+import { SearchIcon } from "@status-im/icons"
+import { useState } from "react"
+
+const InputSearch = () => {
+    const [value, setValue] = useState('')
+
+    return (
+        <>
+            <Input
+                placeholder="Search Validators"
+                value={value}
+                onChangeText={setValue}
+                icon={<SearchIcon size={20} />}
+                onClear={() => setValue('')}
+                size={40}
+            // button={{
+            //     label: 'Confirm',
+            //     onPress: () => alert('Confirmed!'),
+            // }}
+            />
+        </>
+    )
+}
+export default InputSearch