Add error message of generate reportt

platform/ui/src/components/Snackbar/Snackbar.css

@@ -134,20 +134,6 @@
     0 3px 5px -1px rgba(0, 0, 0, 0.14);
 }
 
-.sb-item a {
-  color: white;
-  text-decoration: underline;
-}
-
-.sb-hidden {
-  padding-top: 0;
-  padding-bottom: 0;
-  margin-bottom: 0;
-  height: 0;
-  opacity: 0;
-  transition: all 300ms ease;
-}
-
 @keyframes fadein {
   from {
     opacity: 0;

platform/ui/src/components/Snackbar/SnackbarItem.jsx

@@ -19,10 +19,12 @@ const SnackbarItem = ({ options, onClose }) => {
     [SnackbarTypes.ERROR]: 'bg-red-600'
   };
 
+  const hidden = 'duration-300 transition-all ease-in-out h-0 opacity-0 pt-0 mb-0 pb-0';
+
   return (
     <div
       className={classNames(
-        `${options.visible ? '' : 'sb-hidden'} sb-item`,
+        `${options.visible ? '' : hidden} sb-item`,
         typeClasses[options.type]
       )}
     >