frontend/src/components/ui/sonner.tsx

import { Toaster as Sonner } from "sonner"

function Toaster() {
  return (
    <Sonner
      theme="dark"
      position="bottom-right"
      toastOptions={{
        classNames: {
          toast:
            "!bg-popover !border-border !text-foreground !rounded-lg !font-sans !shadow-2xl",
          description: "!text-muted-foreground",
          actionButton: "!bg-primary !text-primary-foreground",
        },
      }}
    />
  )
}

export { Toaster }