fix: design changes

app/(auth)/(tabs)/index.tsx

@@ -241,7 +241,7 @@ export default function index() {
         <RefreshControl refreshing={loading} onRefresh={refetch} />
       }
     >
-      <View className="flex flex-col py-4 gap-y-4">
+      <View className="flex flex-col pt-4 pb-24 gap-y-4">
         <View>
           <Text className="px-4 text-2xl font-bold mb-2">
             Continue Watching

app/(auth)/(tabs)/search.tsx

@@ -68,7 +68,7 @@ export default function search() {
 
   return (
     <ScrollView keyboardDismissMode="on-drag">
-      <View className="flex flex-col py-2">
+      <View className="flex flex-col pt-2 pb-20">
         <View className="mb-4 px-4">
           <Input
             autoCorrect={false}

app/(auth)/series/[id]/page.tsx

@@ -10,12 +10,21 @@ import { useQuery } from "@tanstack/react-query";
 import { Image } from "expo-image";
 import { useLocalSearchParams } from "expo-router";
 import { useAtom } from "jotai";
-import { useMemo } from "react";
+import { useEffect, useMemo } from "react";
 import { View } from "react-native";
 
 const page: React.FC = () => {
   const params = useLocalSearchParams();
-  const { id: seriesId } = params as { id: string };
+  const { id: seriesId, seasonIndex } = params as {
+    id: string;
+    seasonIndex: string;
+  };
+
+  useEffect(() => {
+    if (seriesId) {
+      console.log("seasonIndex", seasonIndex);
+    }
+  }, [seriesId]);
 
   const [api] = useAtom(apiAtom);
   const [user] = useAtom(userAtom);
@@ -84,7 +93,7 @@ const page: React.FC = () => {
         </>
       }
     >
-      <View className="flex flex-col pt-4 pb-12">
+      <View className="flex flex-col pt-4 pb-24">
         <View className="px-4 py-4">
           <Text className="text-3xl font-bold">{item?.Name}</Text>
           <Text className="">{item?.Overview}</Text>

app/(auth)/settings.tsx

@@ -64,19 +64,17 @@ export default function settings() {
         <Text className="font-bold text-2xl">Logs</Text>
         <View className="flex flex-col space-y-2">
           {logs?.map((log, index) => (
-            <View
-              key={index}
-              className="bg-neutral-800 border border-neutral-900 rounded p-2"
-            >
+            <View key={index} className="bg-neutral-900 rounded-xl p-3">
               <Text
                 className={`
+                  mb-1
               ${log.level === "INFO" && "text-blue-500"}
               ${log.level === "ERROR" && "text-red-500"}
                 `}
               >
                 {log.level}
               </Text>
-              <Text>{log.message}</Text>
+              <Text className="text-xs">{log.message}</Text>
             </View>
           ))}
           {logs?.length === 0 && (