chore: move api to api folder and seperate the types into another file

src/components/Toast.tsx

@@ -1,24 +0,0 @@
-import { Alert, Snackbar, type AlertColor } from '@mui/material';
-
-import { type PropsWithChildren } from 'react';
-
-export interface ToastProps extends PropsWithChildren {
-  color: AlertColor | undefined;
-  open: boolean;
-  onClose: () => void;
-}
-
-export const Toast = ({ color, open, onClose, children }: ToastProps) => {
-  return (
-    <Snackbar sx={{ minWidth: '396px' }} open={open} onClose={onClose}>
-      <Alert
-        onClose={onClose}
-        severity={color}
-        variant="filled"
-        sx={{ width: '100%' }}
-      >
-        {children}
-      </Alert>
-    </Snackbar>
-  );
-};