feat: enhance news fetching with pagination and active status filters

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

@@ -15,7 +15,8 @@ export const loader = async ({ request, params }: Route.LoaderArgs) => {
   const userAgent = request.headers.get('user-agent')
   const ipAddress =
     request.headers.get('cf-connecting-ip') ||
-    request.headers.get('x-forwarded-for')
+    request.headers.get('x-forwarded-for') ||
+    'localhost'
   const { userToken: accessToken } = await handleCookie(request)
   let userData
   if (accessToken) {
@@ -43,13 +44,12 @@ export const loader = async ({ request, params }: Route.LoaderArgs) => {
   const beritaCategory = categoriesData.find(
     (category) => category.code === beritaCode,
   )
-  let { data: beritaNews } = await getNews({ categories: [beritaCode] })
-  beritaNews = beritaNews.filter((news) => new Date(news.live_at) <= new Date())
+  const beritaData = getNews({ categories: [beritaCode], active: true })
 
   return {
     newsDetailData,
     beritaCategory,
-    beritaNews,
+    beritaData,
     shouldSubscribe,
   }
 }