Add scroll animation on About cards (small screen)

src/components/AboutCard.jsx

@@ -77,15 +77,24 @@ export default function AboutCard(props) {
     return color;
   };
 
+  // Scroll to About section when clicked on a card (only on small screens)
+  const handleClick = () => {
+    const div = document.getElementById('about');
+    if (div) {
+      div.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
   return (
     <>
       <div 
         style={props.isExpanded ? {display: 'none'} : (window.innerWidth < 798 ? smallContainer : container)} 
         onMouseEnter={() => {
           props.setExpanded(true);
           props.setHovering(props.title);
-        }
-      }>
+        }}
+        onClick={handleClick}
+      >
         <div style={title}>{props.title}</div>
         <div style={desc}>
           {props.description}