move toast to bottom left

Author: spartan-vutrannguyen

packages/ui/src/components/sonner.tsx

@@ -6,7 +6,14 @@ import { Toaster as Sonner, type ToasterProps, toast } from 'sonner';
 const Toaster = ({ ...props }: ToasterProps) => {
     const { theme = 'system' } = useTheme();
 
-    return <Sonner theme={theme as ToasterProps['theme']} className="toaster group" {...props} />;
+    return (
+        <Sonner
+            position="bottom-left"
+            theme={theme as ToasterProps['theme']}
+            className="toaster group"
+            {...props}
+        />
+    );
 };
 
 export { Toaster, toast };