add event modal and fix some styles

[ReDBrother]

No description provided.

[codecov-commenter]

⚠️ Please install the to ensure uploads and comments are reliably processed by Codecov.

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 50.85%. Comparing base (e4193ed) to head (8a585e2).
⚠️ Report is 5 commits behind head on master.
❗ Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #2220      +/-   ##
==========================================
+ Coverage   50.68%   50.85%   +0.16%     
==========================================
  Files         269      269              
  Lines        6094     6094              
==========================================
+ Hits         3089     3099      +10     
+ Misses       3005     2995      -10     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.