added hover effect for user reviews

Author: MuraliDharan7

src/pages/index.module.css

@@ -33,4 +33,13 @@
 
 .section {
   padding: 1rem;
+}
+.tweetContainer {
+  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
+}
+
+.tweetContainer:hover {
+  transform: scale(1.1); 
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 
+  background-color: #f0f0f0;
 }

src/pages/index.tsx

@@ -56,7 +56,9 @@ function TweetsSection() {
               key={i}
             >
               {tweetItems.map((tweet) => (
+                <div className={styles.tweetContainer} key = {tweet.url}>
                 <Tweet {...tweet} key={tweet.url} />
+                </div>
               ))}
             </motion.div>
           ))}