feat: implement subscription update API and enhance news detail loader with user subscription checks

app/routes/_news.detail.$slug.tsx

@@ -1,8 +1,9 @@
-import { isRouteErrorResponse } from 'react-router'
+import { isRouteErrorResponse, redirect } from 'react-router'
 
 import { getCategories } from '~/apis/common/get-categories'
 import { getNews } from '~/apis/common/get-news'
 import { getNewsBySlug } from '~/apis/common/get-news-by-slug'
+import { getUser } from '~/apis/news/get-user'
 import { APP } from '~/configs/meta'
 import { handleCookie } from '~/libs/cookies'
 import { NewsDetailPage } from '~/pages/news-detail'
@@ -11,6 +12,10 @@ import type { Route } from './+types/_news.detail.$slug'
 
 export const loader = async ({ request, params }: Route.LoaderArgs) => {
   const { userToken: accessToken } = await handleCookie(request)
+  if (!accessToken) {
+    return redirect('/')
+  }
+  const { data: userData } = await getUser({ accessToken })
   const { slug } = params
   const { data: newsDetailData } = await getNewsBySlug({ slug, accessToken })
   const { data: categoriesData } = await getCategories()
@@ -21,6 +26,13 @@ export const loader = async ({ request, params }: Route.LoaderArgs) => {
   let { data: beritaNews } = await getNews({ categories: [beritaCode] })
   beritaNews = beritaNews.filter((news) => new Date(news.live_at) <= new Date())
 
+  if (
+    userData.subscribe.subscribe_plan.code === 'basic' &&
+    newsDetailData.is_premium
+  ) {
+    return redirect('/')
+  }
+
   return {
     newsDetailData,
     beritaCategory,
@@ -29,15 +41,17 @@ export const loader = async ({ request, params }: Route.LoaderArgs) => {
 }
 
 export const meta = ({ data }: Route.MetaArgs) => {
-  const { newsDetailData } = data
-  const metaTitle = APP.title
-  const title = `${newsDetailData.title} - ${metaTitle}`
+  if (data) {
+    const { newsDetailData } = data
+    const metaTitle = APP.title
+    const title = `${newsDetailData?.title} - ${metaTitle}`
 
-  return [
-    {
-      title,
-    },
-  ]
+    return [
+      {
+        title,
+      },
+    ]
+  }
 }
 
 export const ErrorBoundary = ({ error }: Route.ErrorBoundaryProps) => {