add button to clear all messages

[simonLeary42]

Screen.Recording.2025-12-19.at.10.03.53.AM.mov

Screen.Recording.2025-12-19.at.10.11.33.AM.mov

if message_delete.php has uncaught exception:

Screen.Recording.2025-12-19.at.11.49.01.AM.mov

[Copilot]

Pull request overview

This PR adds a "Clear All Messages" button that allows users to dismiss all displayed messages at once when there are 3 or more messages present.

Key changes:

• Refactored inline onclick handlers to event delegation pattern using jQuery
• Added a clear all button that triggers individual message deletions
• Updated CSS to use flexbox layout for message container

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 3 comments.

File	Description
webroot/js/messages.js	New JavaScript file implementing event handlers for individual and bulk message deletion
webroot/css/messages.css	Updated styling to support flexbox layout and position the clear all button, removed problematic width calculation
resources/templates/header.php	Refactored message buttons to use data attributes instead of inline JavaScript, added conditional clear all button
resources/templates/footer.php	Added messages.js to the list of loaded scripts

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[simonLeary42]

closes #406