fix(docs): stack mascot + intro text on mobile

The homepage hero div uses `display:flex` without `flexWrap`, so on
narrow viewports the mascot image and paragraph text stay side by side
and the text gets squeezed.  Adding `flexWrap:'wrap'` lets the image
stack above the text on mobile.

Assisted-by: Claude Code

Author: planetf1

docs/docs/index.mdx

@@ -6,7 +6,7 @@ displayed_sidebar: docsSidebar
 
 import mascot from '@site/static/images/mellea_draft_logo_300.png';
 
-<div style={{display:'flex', alignItems:'center', gap:'2rem', marginBottom:'1rem'}}>
+<div style={{display:'flex', alignItems:'center', gap:'2rem', marginBottom:'1rem', flexWrap:'wrap'}}>
   <img src={mascot} alt="Mellea mascot" style={{width:'120px', flexShrink:0}} />
   <p style={{fontSize:'1.1rem', margin:0}}>
     Mellea helps you manage the unreliable part of every AI-powered pipeline: the LLM call itself.