feat: response in mobile and accouting

app/admin/packages/page.tsx

@@ -6,6 +6,7 @@ import { packagesApi } from '@/lib/api/packages';
 import PackageList from '@/components/admin/packages/PackageList';
 import PackageForm from '@/components/admin/packages/PackageForm';
 import PageHeader from '@/components/admin/PageHeader';
+import ConfirmDialog from '@/components/admin/ConfirmDialog';
 import { showToast } from '@/components/Toast';
 import { PackageName, CreatePackageData, UpdatePackageData } from '@/types/package';
 import { PlusIcon } from '@heroicons/react/24/outline';
@@ -17,6 +18,7 @@ export default function PackagesPage() {
     const [isLoading, setIsLoading] = useState(false);
     const [isFormVisible, setIsFormVisible] = useState(false);
     const [error, setError] = useState<string | null>(null);
+    const [deleteTarget, setDeleteTarget] = useState<PackageName | null>(null);
 
     useEffect(() => {
         if (token) {
@@ -47,10 +49,13 @@ export default function PackagesPage() {
         setIsFormVisible(true);
     };
 
-    const handleDelete = async (pkg: PackageName) => {
-        if (!confirm(`آیا از حذف پکیج "${pkg.title}" اطمینان دارید؟`)) {
-            return;
-        }
+    const handleDelete = (pkg: PackageName) => {
+        setDeleteTarget(pkg);
+    };
+
+    const confirmDelete = async () => {
+        if (!deleteTarget) return;
+        const pkg = deleteTarget;
 
         setIsLoading(true);
         setError(null);
@@ -63,6 +68,7 @@ export default function PackagesPage() {
             setError(err instanceof Error ? err.message : 'خطا در حذف پکیج');
         } finally {
             setIsLoading(false);
+            setDeleteTarget(null);
         }
     };
 
@@ -139,6 +145,16 @@ export default function PackagesPage() {
                         isLoading={isLoading}
                     />
                 )}
+
+                <ConfirmDialog
+                    open={!!deleteTarget}
+                    title="حذف پکیج"
+                    message={`آیا از حذف پکیج «${deleteTarget?.title || deleteTarget?.name || ''}» اطمینان دارید؟`}
+                    confirmLabel="حذف"
+                    isLoading={isLoading}
+                    onConfirm={confirmDelete}
+                    onCancel={() => setDeleteTarget(null)}
+                />
             </div>
         </div>
     );