refactor: replace hardcoded descriptions with a constant for consistency

app/pages/news-categories/data.ts

@@ -1,9 +1,9 @@
+import { DUMMY_DESCRIPTION } from '~/data/contents'
 import type { TNews } from '~/types/news'
 
 export const BERITA: TNews = {
   title: 'BERITA',
-  description: 'Berita Terhangat hari ini',
-  type: 'grid',
+  description: DUMMY_DESCRIPTION,
   items: [
     {
       title: 'Travelling as a way of self-discovery and progress',

app/pages/news-categories/index.tsx

@@ -1,13 +1,28 @@
+import { useLocation, useRouteLoaderData } from 'react-router'
+
 import { Card } from '~/components/ui/card'
 import { CategorySection } from '~/components/ui/category-section'
+import { DUMMY_DESCRIPTION } from '~/data/contents'
+import type { loader } from '~/routes/_layout'
 
 import { BERITA } from './data'
 
 export const NewsCategoriesPage = () => {
+  const { pathname } = useLocation()
+  const code = pathname.split('/')[2]
+  const loaderData = useRouteLoaderData<typeof loader>('routes/_layout')
+  const { name } =
+    loaderData?.categoriesData.find((item) => item.code === code) || {}
+  const { items } = BERITA
+
   return (
     <div className="relative">
       <Card>
-        <CategorySection {...BERITA} />
+        <CategorySection
+          title={name || ''}
+          description={DUMMY_DESCRIPTION}
+          items={items}
+        />
       </Card>
     </div>
   )