Fix animation on iOS

src/components/Toast/index.tsx

@@ -11,19 +11,18 @@ function ToastOuter({children}: {children: React.ReactNode}) {
 }
 
 export function ToastOutlet() {
-  return (
+  return <Toaster pauseWhenPageIsHidden gap={a.gap_sm.gap} />
-    <Toaster
-      pauseWhenPageIsHidden
-      gap={a.gap_sm.gap}
-      ToastWrapper={ToastOuter}
-    />
-  )
 }
 
 export const toast: ToastApi = {
   show(props) {
-    sonner.custom(<Toast content={props.content} type={props.type} />, {
+    sonner.custom(
-      duration: props.duration ?? DEFAULT_TOAST_DURATION,
+      <ToastOuter>
-    })
+        <Toast content={props.content} type={props.type} />
+      </ToastOuter>,
+      {
+        duration: props.duration ?? DEFAULT_TOAST_DURATION,
+      },
+    )
   },
 }