Fix Alert positioning issue

Author: lakshay2425

src/Components/utils/Alert.jsx

@@ -23,9 +23,9 @@ const Alert = () => {
 
   return (
 
-    <div className={`alert alert-${alert.type} absolute top-20 left-1/3 rounded-large -translate-x-1/4 -translate-y-1/4 w-[60vw] z-30 opacity-85 ease-linear duration-400`}>
+    <div className={`alert alert-${alert.type} fixed top-20 left-1/3 rounded-large -translate-x-1/4 -translate-y-1/4 w-[60vw] z-50 opacity-85 ease-linear duration-400`}>
       {alert.message}
-      <AiOutlineClose onClick={() => dispatch(clearAlert())} className='absolute right-4 top-5'/>
+      <AiOutlineClose onClick={() => dispatch(clearAlert())} className='absolute  right-4 top-5'/>
     </div>
   );
 };