fix: resolve hydration error by fixing invalid HTML nesting

- Fix PageHero component HTML structure:
  - Change motion.p to motion.div for description element
  - Prevents invalid HTML nesting: <p> cannot contain <div>
  - BlurReveal component renders a <div>, which is invalid inside <p>
  - This was causing hydration errors and console warnings

- Problem solved:
  - Eliminates 'div cannot be a descendant of p' error
  - Fixes hydration mismatch between server and client
  - Maintains same visual styling and animations
  - All hero sections now render without console errors

- Technical details:
  - <p> tags can only contain inline elements
  - <div> is a block element, invalid inside <p>
  - motion.div provides same functionality as motion.p
  - CSS classes remain identical for consistent styling

Author: mmaxence

src/components/ui/PageHero.tsx

@@ -55,7 +55,7 @@ export function PageHero({
           </BlurReveal>
         </motion.h1>
 
-        <motion.p
+        <motion.div
           initial={{ opacity: 0, y: 30 }}
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.8, delay: 0.4, ease: 'easeOut' }}
@@ -64,7 +64,7 @@ export function PageHero({
           <BlurReveal duration={600}>
             {description}
           </BlurReveal>
-        </motion.p>
+        </motion.div>
       </div>
     </section>
   );