Resolved reveal error on Event.tsx

Author: Zackius

src/components/Events/Events.tsx

@@ -1,7 +1,7 @@
 import Link from 'next/link';
 import type { EventData } from '../../types/index';
 import DisplayRC from './DisplayRC';
-import {Fade} from "react-reveal"
+import {Fade} from "react-awesome-reveal"
 
 const events: EventData[] = [
   {
@@ -61,7 +61,7 @@ export default function Events() {
       id="events"
       className="relative flex flex-col items-center justify-center w-full py-16 bg-white md:py-20 gap-y-2 md:gap-y-5"
     >
-      <Fade right>
+      <Fade direction='right'>
       <h2 className="flex text-2xl  border-b-2 border-slate-400 items-center justify-center font-light tracking-wide">
         Events
       </h2>