Update documentation padding on mobile devices

[khuddite]

close #8086

• Technical explanation of the issue
  The mobile documentation pages have a fixed width of 340px, regardless of the device. And they are centered horizontally, so the horizontal padding is determined automatically.

• Explanation of the fix
  I've updated the styling of those pages to use fixed padding 32px instead and let it determine the width (deviceWidth - 64px).

• Screenshots

[github-actions]

Welcome!

Hello there, congrats on your first PR! We're excited to have you contributing to this project.
By submitting your Pull Request, you acknowledge that you agree with the terms of our Contributor License Agreement.

Generated by 🚫 dangerJS against 7b8a0b6

[greptile-apps]

PR Summary

This PR modifies the documentation page layout on mobile devices by adjusting padding and width constraints for better responsiveness.

• Removed fixed width of 340px in /packages/twenty-website/src/app/_components/docs/DocsContent.tsx and /packages/twenty-website/src/app/_components/docs/DocsMain.tsx
• Added consistent 32px padding on both sides for mobile devices (max-width: 450px)
• Content width now dynamically adjusts based on device width minus padding (64px total)
• Consolidated React imports to include useState in a single import statement

_{2 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings | Greptile}