feat: enhance SuccessModal and News context for improved modal management and subscription flow

app/layouts/news/default.tsx

@@ -10,6 +10,7 @@ import { FormRegister } from '~/layouts/news/form-register'
 
 import { FooterLinks } from './footer-links'
 import { FooterNewsletter } from './footer-newsletter'
+import FormSubscription from './form-subscription'
 import { HeaderMenu } from './header-menu'
 import { HeaderTop } from './header-top'
 
@@ -24,6 +25,8 @@ export const NewsDefaultLayout = (properties: PropsWithChildren) => {
     setForgetOpen,
     isSuccessModalOpen,
     setIsSuccessModalOpen,
+    isInitSubscribeOpen,
+    setIsInitSubscribeOpen,
   } = useNewsContext()
   return (
     <main className="relative min-h-dvh bg-[#ECECEC]">
@@ -50,7 +53,7 @@ export const NewsDefaultLayout = (properties: PropsWithChildren) => {
           setIsRegisterOpen={setIsRegisterOpen}
           setIsLoginOpen={setIsLoginOpen}
           setIsForgetOpen={setForgetOpen}
-          setIsSuccessModalOpen={setIsSuccessModalOpen}
+          setIsInitSubscribeOpen={setIsInitSubscribeOpen}
         />
       </PopupModal>
 
@@ -70,12 +73,21 @@ export const NewsDefaultLayout = (properties: PropsWithChildren) => {
         <FormForgotPassword />
       </PopupModal>
 
+      <PopupModal
+        isOpen={isInitSubscribeOpen}
+        onClose={() => setIsInitSubscribeOpen(false)}
+        description="Selamat Datang, silakan Pilih Subscription Anda untuk melanjutkan!"
+      >
+        <FormSubscription />
+      </PopupModal>
+
       <SuccessModal
         isOpen={isSuccessModalOpen}
         onClose={() => {
-          setIsSuccessModalOpen(false)
+          if (setIsSuccessModalOpen) {
+            setIsSuccessModalOpen(undefined)
+          }
         }}
-        type="warning"
       />
     </main>
   )