added toaster for notifications and alerts using sonner library
import:
```
import { toast } from 'sonner';
```
basic usage just call:
```
toast('This is an normal toast');
toast.error('This is an error toast');
toast.success('This is an success toast');
toast('This is an action toast', {
action: {
label: 'Action',
onClick: () => console.log('Action!'),
},
});
toast('My cancel toast', {
cancel: <Button onClick={() => console.log('Cancel!')}>Cancel</Button>,
});
```
more usage check here: https://sonner.emilkowal.ski/toast
**changes:**
- refined dialogs to use a new BaseDialog component which has sleek
transitions on open/close
- added model buttons on top center (only visible if in dev mode
currently) - these open up a modal and has no added signals yet.
- added ratio button on top right (uses new reusable ToggleButton
component) (only visible if in dev mode currently) - not signaled yet.
- added tooltip to background color button
BFlat