feat: add unique keys to motion components for improved rendering

src/components/Hero.tsx

@@ -17,6 +17,7 @@ const Hero = () => {
     <section id="hero" className="hero">
       <div className="hero-content">
         <motion.div
+          key="hero-text"
           className="hero-text"
           initial={{ opacity: 0, y: 50 }}
           animate={{ opacity: 1, y: 0 }}
@@ -111,6 +112,7 @@ const Hero = () => {
         </motion.div>
 
         <motion.div
+          key="hero-image"
           className="hero-image"
           initial={{ opacity: 0, scale: 0.8 }}
           animate={{ opacity: 1, scale: 1 }}