refactor: destructure loaderData in multiple components for cleaner code

app/pages/dashboard-categories/index.tsx

@@ -11,7 +11,7 @@ export const CategoriesPage = () => {
   const loaderData = useRouteLoaderData<typeof loader>(
     'routes/_admin.lg-admin._dashboard.categories._index',
   )
-  const categoriesData = loaderData?.dataCategories
+  const { dataCategories: categoriesData } = loaderData || {}
 
   DataTable.use(DT)
   const dataTable = categoriesData?.sort((a, b) => {

app/pages/dashboard-contents/index.tsx

@@ -15,7 +15,7 @@ export const ContentsPage = () => {
   const loaderData = useRouteLoaderData<typeof loader>(
     'routes/_admin.lg-admin._dashboard.contents._index',
   )
-  const newsData = loaderData?.newsData
+  const { newsData } = loaderData || {}
 
   DataTable.use(DT)
   const dataTable = newsData?.sort(

app/pages/dashboard-tags/index.tsx

@@ -11,8 +11,7 @@ export const TagsPage = () => {
   const loaderData = useRouteLoaderData<typeof loader>(
     'routes/_admin.lg-admin._dashboard.tags._index',
   )
-  const tagsData = loaderData?.tagsData
-  const dataTable = tagsData
+  const { tagsData: dataTable } = loaderData || {}
 
   DataTable.use(DT)
   const dataColumns = [

app/pages/form-contents/index.tsx

@@ -65,8 +65,8 @@ export const FormContentsPage = (properties: TProperties) => {
   const fetcher = useFetcher()
   const navigate = useNavigate()
   const loaderData = useRouteLoaderData<typeof loader>('routes/_admin.lg-admin')
-  const categories = loaderData?.categoriesData
-  const tags = loaderData?.tagsData
+  const { categoriesData: categories } = loaderData || {}
+  const { tagsData: tags } = loaderData || {}
   const [error, setError] = useState<string>()
   const [disabled, setDisabled] = useState(false)
 

app/pages/news-detail/index.tsx

@@ -15,9 +15,8 @@ export const NewsDetailPage = () => {
     'routes/_news.detail.$slug',
   )
   const currentUrl = globalThis.location
-  const { newsDetailData } = loaderData || {}
   const { title, content, featured_image, author, live_at, tags } =
-    newsDetailData || {}
+    loaderData?.newsDetailData || {}
 
   const { text } = useReadingTime(content || '')