Migrate to sonner toasting library to match ui aesthetics

[thatbeautifuldream]

Replace Toaster and pass configs

- import { Toaster } from 'react-hot-toast'
+ import { Toaster } from 'sonner'


-        <Toaster />
+        <Toaster position="top-center" />

Replace imports throughout project

- import { toast } from 'react-hot-toast'
+ import { toast } from 'sonner'