Add Better Toast Notifications and Better Zooming

[awdev1]

Hello again! This PR brings general improvements and new features to 24RC. The following is all of the changes I made:

Commit 6ba0227:

Nothing, only just pulling existing commits

---

Commit 0772b91:

Replaced the old zoom mech with a better zooming mech

Instead of constantly dragging and zooming a ton, You can now zoom with only the mouse

Rework the toast notifications

Make the toasts fancy looking and add better error logging

[Copilot]

Pull request overview

This PR enhances the user experience by implementing improved toast notifications with modern styling and interactive features, and replacing the basic zoom mechanism with mouse-cursor-based zooming. The changes include visual improvements with animations, drag-to-dismiss functionality for toasts, and better WebSocket connection feedback with detailed error codes.

• Implemented fancy toast notifications with animated icons, close buttons, and swipe-to-dismiss gestures
• Added mouse-cursor-centered zoom that keeps the pointer position fixed while zooming
• Enhanced WebSocket connection error messages to display close codes and reasons

Reviewed changes

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

File	Description
src/ws/Connector.ts	Modified onClose handler to receive CloseEvent parameter, added 500ms delay before calling onOpen, and implemented special 10-second reconnection delay for close code 1008
src/main.ts	Replaced basic toast implementation with interactive toasts featuring close buttons, drag-to-dismiss, and improved zoom mechanism that zooms toward mouse cursor position
public/style.css	Added extensive styling for enhanced toast notifications including gradients, shadows, animated SVG icons, progress bars, and drag/hover effects

---

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

[awdev1]

Errrrrrr ok....