feat: update subscription handling in context and components

app/components/popup/success-modal.tsx

@@ -6,7 +6,7 @@ import {
   DialogTitle,
 } from '@headlessui/react'
 import type { ReactNode } from 'react'
-import { useRouteLoaderData } from 'react-router'
+import { Link, useRouteLoaderData } from 'react-router'
 
 import { LeftArrow } from '~/components/icons/left-arrow'
 import { Button } from '~/components/ui/button'
@@ -34,7 +34,7 @@ const DESCRIPTIONS: DescriptionMap = {
 }
 
 export const SuccessModal = ({ isOpen, onClose }: ModalProperties) => {
-  const { setIsLoginOpen, setIsInitSubscribeOpen } = useNewsContext()
+  const { setIsLoginOpen, setIsSubscribeOpen } = useNewsContext()
   const loaderData = useRouteLoaderData<typeof loader>('routes/_layout')
   const userData = loaderData?.userData
 
@@ -93,6 +93,8 @@ export const SuccessModal = ({ isOpen, onClose }: ModalProperties) => {
                   <Button
                     className="mt-5 w-full rounded-md"
                     variant="newsPrimary"
+                    as={Link}
+                    to="/"
                     onClick={onClose}
                   >
                     Back to Home
@@ -112,7 +114,7 @@ export const SuccessModal = ({ isOpen, onClose }: ModalProperties) => {
                       variant="newsSecondary"
                       onClick={() => {
                         onClose()
-                        setIsInitSubscribeOpen(true)
+                        setIsSubscribeOpen(true)
                       }}
                     >
                       Select Subscription