Discord Username

virajkv18

Task Description

The application currently has no visual feedback mechanism when key actions
occur — such as an incident being resolved, a webhook being received, or an
error being triggered. I plan to implement a global toast notification system
using Sonner, integrated into the Next.js App Router layout. The toasts will
support success, error, warning, and info states — fully styled to match
OPSCORD's existing dark/industrial neon cyan aesthetic.

Implementation Plan

1. Install Sonner via npm in the apps/web workspace
2. Add the provider inside apps/web/app/layout.tsx so toasts
   are available globally across all pages
3. Create apps/web/components/ui/Toast.tsx as a reusable wrapper around
   Sonner's toast API with OPSCORD-themed styling (dark background, neon
   cyan accents, matching typography)
4. Add demo toast triggers on relevant UI actions to showcase the system
   working end-to-end
5. Ensure it is fully responsive across desktop and mobile viewports

GSSoC Agreements

• I have read the CONTRIBUTING.md file.
• I will not open a PR until a mentor assigns this issue to me.
• I understand that spam or trivial PRs will be rejected.