chore: Toast responsive width

src/components/Toast.tsx

@@ -9,7 +9,11 @@ export interface ToastProps extends PropsWithChildren {
 
 export const Toast = ({ color, open, onClose, children }: ToastProps) => {
   return (
-    <Snackbar sx={{ minWidth: '396px' }} open={open} onClose={onClose}>
+    <Snackbar
+      sx={{ width: (t) => `calc(100% - ${t.spacing(6)})`, maxWidth: '396px' }}
+      open={open}
+      onClose={onClose}
+    >
       <Alert
         onClose={onClose}
         severity={color}