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

[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}

[FelixMalfait]

Thanks a lot! Perfect :)

[github-actions]

Thanks @khuddite for your contribution!
This marks your 2nd PR on the repo. You're top 17% of all our contributors 🎉
See contributor page - Share on LinkedIn - Share on Twitter