refactor: improve type definitions in UiTable, handle potential undefined data in SubscribePlanPage

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

@@ -13,7 +13,8 @@ export const SubscribePlanPage = () => {
   )
 
   DataTable.use(DT)
-  const dataTable = loaderData?.subscriptionsData
+
+  const { subscriptionsData: dataTable } = loaderData || {}
 
   const dataColumns = [
     {
@@ -69,7 +70,7 @@ export const SubscribePlanPage = () => {
       </div>
 
       <UiTable
-        data={dataTable}
+        data={dataTable || []}
         columns={dataColumns}
         slots={dataSlot}
         options={{