PR Summary: Consistent Layout and Tutorial Enhancements

[AH-Avalanche]

Changes Overview

This PR introduces consistent layout styling across documentation pages and enhances the tutorial presentation. The changes focus on improving content readability and visual consistency.

Key Changes

1. Consistent Content Width

   • Added max-w-3xl px-10 m-auto class to all main content areas
   • Applied to MDX pages, doc items, and doc cards
   • Ensures content is properly centered and has consistent maximum width

2. Tutorial Content Enhancement

   • Added Material-UI Paper component for tutorial content
   • Implemented conditional rendering based on tutorial type
   • Improved visual separation of tutorial content

3. DocCard Improvements

   • Enhanced card layout with consistent spacing
   • Added support for custom descriptions through customProps
   • Improved card container styling with proper margins

Technical Details

• Modified MDXPage/index.js for consistent content width
• Updated DocItem/Layout/index.tsx with tutorial-specific styling
• Enhanced DocCardList/index.js for better card presentation

Testing

• Verify content width consistency across different page types
• Check tutorial content presentation
• Ensure doc cards display correctly with custom descriptions ( I know we removed this recently the code is still there)

[netlify]

✅ Deploy Preview for snowplow-docs ready!

Name	Link
🔨 Latest commit	da1d4e6
🔍 Latest deploy log	https://app.netlify.com/sites/snowplow-docs/deploys/680f84195e480f0008521378
😎 Deploy Preview	https://deploy-preview-1225--snowplow-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.