refactor: update subscription data loading and clean up unused imports in dashboard components

app/routes/_admin.lg-admin._dashboard.subscribe-plan._index.tsx

@@ -1,4 +1,11 @@
+import { getSubscriptions } from '~/apis/common/get-subscriptions'
 import { SubscribePlanPage } from '~/pages/dashboard-plan-subscribe'
 
+import type { Route } from './+types/_admin.lg-admin._dashboard.contents._index'
+
+export const loader = async ({}: Route.LoaderArgs) => {
+  const { data: subscriptionsData } = await getSubscriptions()
+  return { subscriptionsData }
+}
 const DashboardSubscriptionsSettingsLayout = () => <SubscribePlanPage />
 export default DashboardSubscriptionsSettingsLayout

app/routes/_admin.lg-admin._dashboard.tsx

@@ -1,7 +1,6 @@
 import { Outlet } from 'react-router'
 
 import { getCategories } from '~/apis/common/get-categories'
-import { getSubscriptions } from '~/apis/common/get-subscriptions'
 import { getTags } from '~/apis/common/get-tags'
 import { AdminDashboardLayout } from '~/layouts/admin/dashboard'
 
@@ -10,12 +9,10 @@ import type { Route } from './+types/_admin.lg-admin._dashboard'
 export const loader = async ({}: Route.LoaderArgs) => {
   const { data: categoriesData } = await getCategories()
   const { data: tagsData } = await getTags()
-  const { data: subscriptionsData } = await getSubscriptions()
 
   return {
     categoriesData,
     tagsData,
-    subscriptionsData,
   }
 }