thêm toast, thêm logic cho phần ButtonCreateNewHaulOrTrip

app/_layout.tsx

@@ -7,14 +7,15 @@ import { Stack, useRouter } from "expo-router";
 import { StatusBar } from "expo-status-bar";
 import { useEffect } from "react";
 import "react-native-reanimated";
-import Toast from "react-native-toast-message";
+// import Toast from "react-native-toast-message";
 
 import { GluestackUIProvider } from "@/components/ui/gluestack-ui-provider/gluestack-ui-provider";
+import { toastConfig } from "@/config";
 import { setRouterInstance } from "@/config/auth";
 import "@/global.css";
 import { useColorScheme } from "@/hooks/use-color-scheme";
+import Toast from "react-native-toast-message";
 import "../global.css";
-
 export default function RootLayout() {
   const colorScheme = useColorScheme();
   const router = useRouter();
@@ -52,7 +53,7 @@ export default function RootLayout() {
           />
         </Stack>
         <StatusBar style="auto" />
-        <Toast />
+        <Toast config={toastConfig} visibilityTime={2000} topOffset={60} />
       </ThemeProvider>
     </GluestackUIProvider>
   );