fix(next): imports toast from @payloadcms/ui (#11279)

Restoring a version has two types of messages, success and error, but no
matter if this action is a success or a failure, the toast message is
never displayed.

The fix is to import the toast from `@payloadcms/ui` instead of `sonner`
directly.

Fixes #11059

Author: felismargarita

packages/next/package.json

@@ -96,7 +96,6 @@
     "qs-esm": "7.0.2",
     "react-diff-viewer-continued": "4.0.4",
     "sass": "1.77.4",
-    "sonner": "^1.7.0",
     "uuid": "10.0.0"
   },
   "devDependencies": {

packages/next/src/views/API/index.client.tsx

@@ -8,14 +8,14 @@ import {
   MinimizeMaximizeIcon,
   NumberField,
   SetDocumentStepNav,
+  toast,
   useConfig,
   useDocumentInfo,
   useLocale,
   useTranslation,
 } from '@payloadcms/ui'
 import { useSearchParams } from 'next/navigation.js'
 import * as React from 'react'
-import { toast } from 'sonner'
 
 import './index.scss'
 import { LocaleSelector } from './LocaleSelector/index.js'

packages/next/src/views/Version/Restore/index.tsx

@@ -5,6 +5,7 @@ import {
   Button,
   ConfirmationModal,
   PopupList,
+  toast,
   useConfig,
   useModal,
   useRouteTransition,
@@ -13,7 +14,6 @@ import {
 import { formatAdminURL, requests } from '@payloadcms/ui/shared'
 import { useRouter } from 'next/navigation.js'
 import React, { Fragment, useCallback, useState } from 'react'
-import { toast } from 'sonner'
 
 import type { Props } from './types.js'