feat: add consistent focus state styling to input component

Improves visual feedback by adding focus state borders to all input variants.

Changes the unfocused border from transparent to neutral-800 for better visual consistency and adds focus/blur handlers to ensure proper state management across different input types.

components/common/Input.tsx

@@ -21,7 +21,7 @@ export function Input(props: InputProps) {
         ref={inputRef}
         className={`
           w-full text-lg px-5 py-5 rounded-2xl
-          ${isFocused ? "bg-neutral-700 border-2 border-white" : "bg-neutral-900 border-2 border-transparent"}
+          ${isFocused ? "bg-neutral-700 border-2 border-white" : "bg-neutral-900 border-2 border-neutral-800"}
           text-white ${extraClassName}
         `}
         allowFontScaling={false}
@@ -41,11 +41,15 @@ export function Input(props: InputProps) {
   ) : (
     <TextInput
       ref={inputRef}
-      className='p-3 rounded-xl bg-neutral-900'
+      className={`p-3 rounded-xl bg-neutral-900 ${
+        isFocused ? "border-2 border-white" : "border-2 border-neutral-800"
+      } ${extraClassName}`}
       allowFontScaling={false}
       style={[{ color: "white" }, style]}
       placeholderTextColor={"#9CA3AF"}
       clearButtonMode='while-editing'
+      onFocus={() => setIsFocused(true)}
+      onBlur={() => setIsFocused(false)}
       {...otherProps}
     />
   );

components/settings/Jellyseerr.tsx

@@ -161,7 +161,7 @@ export const JellyseerrSettings = () => {
                   showPassword={showJellyseerrPassword}
                   onShowPasswordChange={setShowJellyseerrPassword}
                   layout='mobile'
-                  topPosition='22'
+                  topPosition='11'
                 />
               </View>
               <Button