feat: add unique keys to motion components for improved rendering

src/components/Contact.tsx

@@ -127,6 +127,7 @@ const Contact = () => {
     <section id="contact" className="contact">
       <div className="container">
         <motion.div
+          key="contact-header"
           className="section-header"
           initial={{ opacity: 0, y: 50 }}
           whileInView={{ opacity: 1, y: 0 }}
@@ -140,6 +141,7 @@ const Contact = () => {
         </motion.div>
 
         <motion.div
+          key="contact-content"
           className="contact-content"
           variants={containerVariants}
           initial="hidden"