Update: add more toast notifications, update position

Also set Account page to use UserContext. Refactored api requests out of components.

src/components/ui/CustomToast.tsx

@@ -22,7 +22,7 @@ const toastToClassName = (toastType: Toast['type']) => {
 const CustomToast: FC<{ children: ReactNode }> = ({ children }) => {
   return (
     <>
-      <Toaster>
+      <Toaster position="bottom-center">
         {(t) => {
           const alertType = toastToClassName(t.type);
           return (