refactor(types): rename AppType to AppId for semantic clarity

Rename `AppType` to `AppId` across the entire frontend codebase to better
reflect its purpose as an application identifier rather than a type category.
This aligns frontend naming with backend command parameter conventions.

Changes:
- Rename type `AppType` to `AppId` in src/lib/api/types.ts
- Remove `AppType` export from src/lib/api/index.ts
- Update all component props from `appType` to `appId` (43 files)
- Update all variable names from `appType` to `appId`
- Synchronize documentation (CHANGELOG, refactoring plans)
- Update test files and MSW mocks

BREAKING CHANGE: `AppType` type is no longer exported. Use `AppId` instead.
All component props have been renamed from `appType` to `appId`.

src/hooks/useDragSort.ts

@@ -11,11 +11,11 @@ import { useQueryClient } from "@tanstack/react-query";
 import { toast } from "sonner";
 import { useTranslation } from "react-i18next";
 import type { Provider } from "@/types";
-import { providersApi, type AppType } from "@/lib/api";
+import { providersApi, type AppId } from "@/lib/api";
 
 export function useDragSort(
   providers: Record<string, Provider>,
-  appType: AppType,
+  appId: AppId,
 ) {
   const queryClient = useQueryClient();
   const { t, i18n } = useTranslation();
@@ -73,9 +73,9 @@ export function useDragSort(
       }));
 
       try {
-        await providersApi.updateSortOrder(updates, appType);
+        await providersApi.updateSortOrder(updates, appId);
         await queryClient.invalidateQueries({
-          queryKey: ["providers", appType],
+          queryKey: ["providers", appId],
         });
         toast.success(
           t("provider.sortUpdated", {
@@ -91,7 +91,7 @@ export function useDragSort(
         );
       }
     },
-    [sortedProviders, appType, queryClient, t],
+    [sortedProviders, appId, queryClient, t],
   );
 
   return {