Click card to expand

src/components/Event/Event.jsx

@@ -26,10 +26,8 @@ function Event({event}){
     }, []);
 
 
-
-
     return (
-        <div className={`${styles.eventContainer} glassCard`}>
+        <div className={`${styles.eventContainer} glassCard`} onClick={() => seteventMenu(!eventMenu)}>
             <div className={styles.eventContainerTop}>
                 <div className={styles.eventContent}>
                     <div className={`${styles.eventImageDiv}`}>

src/pages/Volunteers/VolunteerCard.jsx

@@ -15,7 +15,7 @@ export default function VolunteerCard({ user }) {
     const navigate = useNavigate();
 
     return (
-        <div className={`${styles.profileboard} glassCard`}>
+        <div className={`${styles.profileboard} glassCard`} onClick={(() => setIsExpanded(!isExpanded))}>
 
             <div className={styles.header}>
                 <h2>{user?.name} {user?.lastname}</h2>