style: do inputs design modification

src/app/(modules)/plans/page.tsx

@@ -57,15 +57,8 @@ export default function PlansPage() {
     onSaved: () => handleSheetOpenChange(false),
   });
   const { openCreate: prepareCreatePlan, openEdit: prepareEditPlan } = planForm;
-  const {
-    register,
-    control,
-    onSubmit,
-    planId,
-    permissionIds,
-    setPermissionIds,
-    isSaving,
-  } = planForm;
+  const { register, control, onSubmit, planId, permissionIds, setPermissionIds, isSaving } =
+    planForm;
   const statusMutation = usePlanStatusMutation();
 
   const openCreate = useCallback(() => {
@@ -123,11 +116,7 @@ export default function PlansPage() {
     [statusMutation],
   );
 
-  const columns = usePlanColumns({
-    onEdit: openEdit,
-    onToggleStatus: toggleStatus,
-    pendingPlanId: statusMutation.variables?.id,
-  });
+  const columns = usePlanColumns();
 
   const plans = plansQuery.data?.items ?? [];
   const total = plansQuery.data?.total ?? plansQuery.data?.totalItems ?? 0;
@@ -172,6 +161,9 @@ export default function PlansPage() {
           onPageChange={setSkip}
           onLimitChange={setLimit}
           onSortingChange={setSorting}
+          onEdit={openEdit}
+          onToggleStatus={toggleStatus}
+          pendingPlanId={statusMutation.variables?.id}
         />
       </main>