feat: add sonner/toast

app/_layout.tsx

@@ -19,6 +19,7 @@ import { GestureHandlerRootView } from "react-native-gesture-handler";
 import "react-native-reanimated";
 import * as Linking from "expo-linking";
 import { orientationAtom } from "@/utils/atoms/orientation";
+import { Toaster } from "sonner-native";
 
 SplashScreen.preventAutoHideAsync();
 
@@ -121,6 +122,7 @@ function Layout() {
                       <Stack.Screen name="+not-found" />
                     </Stack>
                     <CurrentlyPlayingBar />
+                    <Toaster />
                   </ThemeProvider>
                 </PlaybackProvider>
               </JellyfinProvider>

package.json

@@ -76,6 +76,7 @@
     "react-native-uuid": "^2.0.2",
     "react-native-video": "^6.5.0",
     "react-native-web": "~0.19.10",
+    "sonner-native": "^0.9.2",
     "tailwindcss": "3.3.2",
     "use-debounce": "^10.0.3",
     "uuid": "^10.0.0",