Fix search bar on android

front/src/primitives/input.tsx

@@ -27,6 +27,9 @@ export const Input = ({
 			<TextInput
 				ref={ref}
 				textAlignVertical="center"
+				verticalAlign="middle"
+				// @ts-expect-error not yet in typescript i think
+				includeFontPadding={false}
 				className={cn(
 					"min-h-6 flex-1 font-sans text-base text-slate-600 outline-0 dark:text-slate-400",
 					className,

front/src/primitives/tabs.tsx

@@ -32,6 +32,7 @@ export const Tabs = <T,>({
 	return (
 		<ScrollView
 			horizontal
+			// @ts-expect-error uniwind special props
 			containerClassName={cn("shrink flex-row items-center", className)}
 			className={cn(
 				"rounded-4xl border-3 border-accent p-1",

front/src/ui/navbar.tsx

@@ -130,12 +130,12 @@ export const SearchBar = ({
 	return (
 		<Animated.View
 			className={cn(
-				"mr-2 flex-1 flex-row items-center overflow-hidden p-0 pl-4",
-				"rounded-full bg-slate-100 dark:bg-slate-800",
+				"mr-2 flex-row items-center overflow-hidden rounded-full p-0 pl-4",
+				expanded ? "bg-slate-100 dark:bg-slate-800" : "bg-transparent",
 				containerClassName,
 			)}
 			style={[
-				expanded ? { flex: 1 } : { backgroundColor: "transparent" },
+				expanded ? { flex: 1 } : { flex: Platform.OS === "web" ? 1 : 0 },
 				{
 					transitionProperty: "backgroundColor",
 					transitionDuration: "300ms",
@@ -163,6 +163,9 @@ export const SearchBar = ({
 					!expanded && "w-0 grow-0",
 					className,
 				)}
+				verticalAlign="middle"
+				// @ts-expect-error not yet in typescript i think
+				includeFontPadding={false}
 				placeholderTextColorClassName="accent-slate-400 dark:text-slate-600"
 				{...props}
 			/>

front/src/ui/player/entries-menu.tsx

@@ -1,4 +1,3 @@
-import { useTranslation } from "react-i18next";
 import { SideMenu } from "~/primitives";
 import { EntryList } from "~/ui/details/season";