feat: implement unified delete dialog component and update related pages

app/layouts/news/default.tsx

@@ -1,8 +1,8 @@
 import { type PropsWithChildren } from 'react'
 import { Toaster } from 'react-hot-toast'
 
-import { PopupModal } from '~/components/popup/modal'
-import { SuccessModal } from '~/components/popup/success-modal'
+import { DialogNews } from '~/components/dialog/news'
+import { DialogSuccess } from '~/components/dialog/success'
 import { useNewsContext } from '~/contexts/news'
 import { Banner } from '~/layouts/news/banner'
 import { FormForgotPassword } from '~/layouts/news/form-forgot-password'
@@ -47,39 +47,39 @@ export const NewsDefaultLayout = (properties: PropsWithChildren) => {
 
       <Toaster />
 
-      <PopupModal
+      <DialogNews
         isOpen={isLoginOpen}
         onClose={() => setIsLoginOpen(false)}
         description="Selamat Datang, silakan daftarkan akun Anda untuk melanjutkan!"
       >
         <FormLogin />
-      </PopupModal>
+      </DialogNews>
 
-      <PopupModal
+      <DialogNews
         isOpen={isRegisterOpen}
         onClose={() => setIsRegisterOpen(false)}
         description="Selamat Datang, silakan isi keterangan akun Anda untuk melanjutkan!"
       >
         <FormRegister />
-      </PopupModal>
+      </DialogNews>
 
-      <PopupModal
+      <DialogNews
         isOpen={isForgetOpen}
         onClose={() => setIsForgetOpen(false)}
         description="Selamat Datang, silakan isi keterangan akun Anda untuk melanjutkan!"
       >
         <FormForgotPassword />
-      </PopupModal>
+      </DialogNews>
 
-      <PopupModal
+      <DialogNews
         isOpen={isSubscribeOpen}
         onClose={() => setIsSubscribeOpen(false)}
         description="Selamat Datang, silakan Pilih Subscribe Plan Anda untuk melanjutkan!"
       >
         <FormSubscribePlan />
-      </PopupModal>
+      </DialogNews>
 
-      <SuccessModal
+      <DialogSuccess
         isOpen={isSuccessOpen}
         onClose={() => {
           setIsSuccessOpen(undefined)