coral-web: move update agent info banner above form on mobile

[misspia-cohere]

Save some vertical space on mobile and still ensure the user sees the info banner when the update panel is opened

Before

Screen.Recording.2024-06-25.at.15.15.56.mov

After

Screen.Recording.2024-06-25.at.15.34.01.mov

AI Description

This pull request makes changes to the UpdateAgentPanel component in the src/interfaces/coral_web/src/components/Agents/UpdateAgentPanel.tsx file.

Summary

The UpdateAgentPanel component now includes an InfoBanner displaying a message that updating the agent will impact all assistant users. This message was previously displayed using a Banner component.

Changes

• Adds an InfoBanner component to display the message about the impact of agent updates.
• Updates the styling of the InfoBanner component using the className prop.
• Moves the message about the impact of agent updates from the Banner to the InfoBanner component.
• Adjusts the padding and margin values for the div containing the InfoBanner and Button components.

[wujessica]

can we also make the x-padding less thick for mobile haha

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Please upload report for BASE (main@26f19e8). Learn more about missing BASE report.

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #288   +/-   ##
=======================================
  Coverage        ?   85.27%           
=======================================
  Files           ?      161           
  Lines           ?     5928           
  Branches        ?        0           
=======================================
  Hits            ?     5055           
  Misses          ?      873           
  Partials        ?        0           

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