add image components

Author: karlavasquez8

docs/components/RainbowKitCustomConnectButton.md renamed to docs/components/CustomConnectButton.md

@@ -6,7 +6,7 @@ sidebar_position: 5
 
 Simple building block for creating an input which comes with basic default styles (colors, rounded borders).
 
-![InputBase Example](/img/inputBase.png)
+![InputBase Example](/img/inputBase.svg)
 
 ## Import
 

docs/components/InputBase.md

@@ -7,7 +7,7 @@ sidebar_position: 6
 Provides an input field for integer values, validating that user input is a valid integer, and showing error if not.  
 Shows by default a small button to multiply input's value \* 10^18 to transform to wei.
 
-![IntegerInput Example](/img/integerInput.png)
+![IntegerInput Example](/img/integerInput.svg)
 
 ## Import