Improve search layouts.

app/search/_layout.tsx

@@ -11,6 +11,8 @@ export default function SearchLayout() {
           headerSearchBarOptions: {
             placement: "automatic",
             placeholder: "Search",
+            autoFocus: true,
+            shouldShowHintSearchIcon: true,
             onChangeText: (event) => {
               router.setParams({
                 globalSearch: event?.nativeEvent?.text,

app/search/index.tsx

@@ -1,12 +1,4 @@
-import { useLocalSearchParams } from "expo-router";
-import { ScrollView } from "react-native";
-import { Text } from "react-native-paper";
-
+import GlobalSearch from "../../components/global-search/global-search";
 export default function SearchIndex() {
-  const { globalSearch } = useLocalSearchParams();
-  return (
-    <ScrollView>
-      <Text>Some search results here for: {globalSearch}</Text>
-    </ScrollView>
-  );
+  return <GlobalSearch />;
 }