refactor: destructure loaderData in multiple components for cleaner code

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

@@ -1,5 +1,4 @@
 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'
@@ -8,14 +7,6 @@ import type { Route } from './+types/_news.detail.$slug'
 
 export const loader = async ({ request, params }: Route.LoaderArgs) => {
   const { userToken } = await handleCookie(request)
-  let userData
-  if (userToken) {
-    const { data } = await getUser({
-      accessToken: userToken,
-    })
-    userData = data
-  }
-  // TODO: need handle if user not access non premium data
   const { data: newsDetailData } = await getNewsBySlug({
     slug: params.slug,
     accessToken: userToken,
@@ -23,7 +14,6 @@ export const loader = async ({ request, params }: Route.LoaderArgs) => {
 
   return {
     newsDetailData,
-    userData,
   }
 }