feat: enhance news detail page with dynamic data loading and social sharing functionality

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

@@ -1,5 +1,34 @@
+import { getNewsBySlug } from '~/apis/common/get-news-by-slug'
+import { getUser } from '~/apis/news/get-user'
+import { handleCookie } from '~/libs/cookies'
 import { NewsDetailPage } from '~/pages/news-detail'
 
+import type { Route } from './+types/_news.detail.$slug'
+
+export const loader = async ({ request }: Route.LoaderArgs) => {
+  const { userToken } = await handleCookie(request)
+  let userData
+  if (userToken) {
+    const { data } = await getUser({
+      accessToken: userToken,
+    })
+    userData = data
+  }
+  // TODO need handel if user not accses non premium data
+  const { data: newsDetailData } = await getNewsBySlug({
+    slug: request.url.split('/').pop() ?? '',
+    accessToken: userToken,
+  })
+
+  // const { data: categoriesData } = await getCategories()
+
+  return {
+    newsDetailData,
+    userData,
+    // categoriesData,
+  }
+}
+
 const NewsDetailLayout = () => <NewsDetailPage />
 
 export default NewsDetailLayout