feat: remove unused success popups and implement a unified SuccessModal component

app/layouts/news/default.tsx

@@ -1,6 +1,7 @@
 import { type PropsWithChildren } from 'react'
 
 import { PopupModal } from '~/components/popup/modal'
+import { SuccessModal } from '~/components/popup/success-modal'
 import Banner from '~/components/ui/banner'
 import FormForgotPassword from '~/components/ui/form-forgot-password'
 import { FormLogin } from '~/components/ui/form-login'
@@ -21,6 +22,8 @@ export const NewsDefaultLayout = (properties: PropsWithChildren) => {
     setIsRegisterOpen,
     isForgetOpen,
     setForgetOpen,
+    isSuccessOpen,
+    setIsSuccessOpen,
   } = useNewsContext()
   return (
     <main className="relative min-h-dvh bg-[#ECECEC]">
@@ -65,6 +68,14 @@ export const NewsDefaultLayout = (properties: PropsWithChildren) => {
       >
         <FormForgotPassword />
       </PopupModal>
+
+      <SuccessModal
+        isOpen={isSuccessOpen}
+        onClose={() => {
+          setIsSuccessOpen(false)
+        }}
+        type="warning"
+      />
     </main>
   )
 }