Merge branch 'feat/backup-import-and-account-handover-ui' into 'develop'

refactor(profile): remove data management and account handover shortcuts from profile page

See merge request !53

src/pages/profile/index.tsx

@@ -14,7 +14,7 @@ import { Badge } from "@/components/ui/Badge";
 import { useAuthStore } from "@/stores/auth-store";
 import { authService } from "@/services/auth.service";
 import { uploadService } from "@/services/upload.service";
-import { CheckIcon, ChevronRightIcon, CopyIcon, ExchangeIcon, EyeIcon, EyeOffIcon, IconGradients, ReportIcon, SendIcon } from "@/components/ui/icons";
+import { CheckIcon, CopyIcon, EyeIcon, EyeOffIcon, IconGradients, SendIcon } from "@/components/ui/icons";
 import {
   AvatarEditorModal,
   AvatarPosition,
@@ -690,48 +690,6 @@ const ProfilePage: React.FC = () => {
           </div>
         )}
 
-        {/* Data Management Section */}
-        <div className="px-4 flex flex-col gap-2.5">
-          <Card
-            className="flex items-center justify-between p-3.5 cursor-pointer hover:shadow-clay-hover transition-all bg-clay-surface"
-            onClick={() => navigate("/data-management")}
-          >
-            <div className="flex items-center gap-3">
-              <div className="p-2 rounded-clay-sm bg-clay-primary/15 text-clay-primary shadow-clay-raised">
-                <ReportIcon size={20} />
-              </div>
-              <div>
-                <span className="font-baloo font-bold text-sm text-clay-text block">
-                  {t("dataManagement.header")}
-                </span>
-                <span className="text-xs text-clay-text-muted block">
-                  {t("dataManagement.subtitle")}
-                </span>
-              </div>
-            </div>
-            <ChevronRightIcon />
-          </Card>
-
-          <Card
-            className="flex items-center justify-between p-3.5 cursor-pointer hover:shadow-clay-hover transition-all bg-clay-surface"
-            onClick={() => navigate("/account-handover?mode=send")}
-          >
-            <div className="flex items-center gap-3">
-              <div className="p-2 rounded-clay-sm bg-clay-warning/15 text-clay-warning shadow-clay-raised">
-                <ExchangeIcon size={20} />
-              </div>
-              <div>
-                <span className="font-baloo font-bold text-sm text-clay-text block">
-                  {t("handover.menuTitle") || "Chuyển giao dữ liệu sang Zalo khác"}
-                </span>
-                <span className="text-xs text-clay-text-muted block">
-                  {t("handover.menuSubtitle") || "Quét mã QR & OTP 2 chiều tức thời"}
-                </span>
-              </div>
-            </div>
-            <ChevronRightIcon />
-          </Card>
-        </div>
 
         {/* Global Logout Button */}
         <div className="px-4 pb-6">