sliding bar removed from UserForm by changing form padding from pb-2 to p-4

[dancarlton]

Description

This PR fixes the issue where the event creation modal displayed an unnecessary horizontal scroll bar. The modal width was adjusted using Tailwind responsive classes (max-w-2xl → max-w-4xl on larger breakpoints) to better fit form content on desktop screens while keeping mobile layout unchanged.

No new dependencies were added. Tests/linting were run locally and the changes are UI-only, with no effect on backend functionality.

Type of change

Please select everything applicable. Please, do not delete any lines.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update
• This change requires an update to testing

Issue

• Is this related to a specific issue? If so, please specify:
  Related to Issue Development event propagate #123 (replace with actual issue number)

Checklist:

• This PR is up to date with the main branch, and merge conflicts have been resolved
• I have executed npm run test and npm run test:e2e and all tests have passed successfully or I have included details within my PR on the failure.
• I have executed npm run lint and resolved any outstanding errors. Most issues can be solved by executing npm run format
• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• My changes generate no new warnings

[DevinCLane]

looks pretty good, i'll try to take a look locally later on, thanks!