Fix packages search input on mobile (#2332)

* Update style to match QuickSearch component

* Update id to differentiate from Search component

Author: cornejobarraza

components/QuickSearch.tsx

@@ -144,7 +144,7 @@ export default function QuickSearch({ style }: Props) {
             </View>
             <TextInput
               ref={inputRef}
-              id="search"
+              id="quick-search"
               autoComplete="off"
               onKeyPress={event => {
                 if ('key' in event) {

components/Search.tsx

@@ -102,10 +102,7 @@ export default function Search({ query, total, style }: Props) {
               onBlur={() => setInputFocused(false)}
               onChangeText={typingCallback}
               placeholder="Search libraries..."
-              style={[
-                tw`h-12.5 font-sans pr-30 flex flex-1 rounded-md border-2 border-palette-gray5 bg-palette-gray6 p-4 text-xl text-white -outline-offset-2 dark:border-default dark:bg-dark`,
-                !isSmallScreen && tw`pl-11`,
-              ]}
+              style={tw`h-12.5 font-sans pr-30 flex flex-1 rounded-md border-2 border-palette-gray5 bg-palette-gray6 p-4 pl-11 text-xl text-white -outline-offset-2 dark:border-default dark:bg-dark`}
               defaultValue={search}
               placeholderTextColor={tw`text-palette-gray4`.color as ColorValue}
             />