improved error pop-up design

src/App.js

@@ -36,6 +36,8 @@ const StyledContainer = styled(ToastContainer)`
   .Toastify__toast {
     border-radius: 0px;
     font-size: 11pt;
+    animation-duration: 0s;
+    border: 1px solid #fee9cd;
   }
 `;
 

src/components/Catalog.jsx

@@ -161,9 +161,6 @@ const Catalog = ({ setBodyStyle }) => {
       await comment.publishChallengeAnswers(challengeAnswers)
     }
   }
-  
-
-  const onError = (error) => console.error(error)
 
 
   const getChallengeAnswersFromUser = async (challenges) => {

src/utils/onError.js

@@ -2,7 +2,7 @@ import { toast } from 'react-toastify';
 
 const onError = (error) => {
   return toast.error(error.toString(), {
-    position: "bottom-center",
+    position: "top-right",
     autoClose: false,
     hideProgressBar: false,
     closeOnClick: false,