refactor: rename subscription references to subscribe plan and update related imports

app/pages/dashboard-subscribe-plan/index.tsx

@@ -2,6 +2,7 @@ import DT from 'datatables.net-dt'
 import DataTable from 'datatables.net-react'
 import { Link, useRouteLoaderData } from 'react-router'
 
+import type { TSubscribePlanSchema } from '~/apis/common/get-subscribe-plan'
 import { Button } from '~/components/ui/button'
 import { getStatusBadge, type TColorBadge } from '~/components/ui/color-badge'
 import { UiTable } from '~/components/ui/table'
@@ -15,7 +16,7 @@ export const SubscribePlanPage = () => {
   )
 
   DataTable.use(DT)
-  const { subscriptionsData: dataTable } = loaderData || {}
+  const { subscribePlanData: dataTable } = loaderData || {}
 
   const dataColumns = [
     {
@@ -65,16 +66,17 @@ export const SubscribePlanPage = () => {
         {value === 1 ? 'Active' : 'Inactive'}
       </span>
     ),
-    6: (value: string) => (
-      <Button
-        as="a"
-        href={`/lg-admin/subscribe-plan/update/${value}`}
-        className="text-md rounded-md"
-        size="sm"
-      >
-        Update Subscribe Plan
-      </Button>
-    ),
+    6: (value: string, _type: unknown, data: TSubscribePlanSchema) =>
+      data.code !== 'basic' && (
+        <Button
+          as="a"
+          href={`/lg-admin/subscribe-plan/update/${value}`}
+          className="text-md rounded-md"
+          size="sm"
+        >
+          Update Subscribe Plan
+        </Button>
+      ),
   }
   return (
     <div className="relative">