🚸 Add a better select input

Also improves other inputs behavior

apps/builder/src/components/ImageUploadContent/GiphySearchForm.tsx

@@ -4,7 +4,7 @@ import { Grid } from '@giphy/react-components'
 import { GiphyLogo } from './GiphyLogo'
 import React, { useState } from 'react'
 import { env, isEmpty } from 'utils'
-import { Input } from '../inputs'
+import { TextInput } from '../inputs'
 
 type GiphySearchFormProps = {
   onSubmit: (url: string) => void
@@ -26,8 +26,7 @@ export const GiphySearchForm = ({ onSubmit }: GiphySearchFormProps) => {
   ) : (
     <Stack>
       <Flex align="center">
-        <Input
-          flex="1"
+        <TextInput
           autoFocus
           placeholder="Search..."
           onChange={setInputValue}

apps/builder/src/components/ImageUploadContent/ImageUploadContent.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react'
 import { Button, Flex, HStack, Stack } from '@chakra-ui/react'
 import { UploadButton } from './UploadButton'
 import { GiphySearchForm } from './GiphySearchForm'
-import { Input } from '../inputs/Input'
+import { TextInput } from '../inputs/TextInput'
 import { EmojiSearchableList } from './emoji/EmojiSearchableList'
 
 type Props = {
@@ -137,7 +137,7 @@ const EmbedLinkContent = ({
   onNewUrl,
 }: ContentProps & { defaultUrl?: string }) => (
   <Stack py="2">
-    <Input
+    <TextInput
       placeholder={'Paste the image link...'}
       onChange={onNewUrl}
       defaultValue={defaultUrl ?? ''}