feat(group): add node group management UI

Add node group management interface with automatic user assignment and traffic-based grouping.

Features:
- Node group CRUD with traffic range configuration
- Three grouping modes: average, subscription-based, and traffic-based
- Group recalculation with preview and history tracking
- Subscribe-to-group mapping management
- User subscription group locking
- Group calculation history with detailed reports
- Multi-language support (en-US, zh-CN)
- Enhanced node and subscription forms with group selection

apps/admin/src/sections/user/user-subscription/index.tsx

@@ -143,6 +143,19 @@ export default function UserSubscription({ userId }: { userId: number }) {
             <Display type="traffic" unlimited value={row.getValue("traffic")} />
           ),
         },
+        {
+          id: "remaining_traffic",
+          header: t("remainingTraffic", "Remaining Traffic"),
+          cell: ({ row }) => {
+            const upload = row.original.upload || 0;
+            const download = row.original.download || 0;
+            const totalTraffic = row.original.traffic || 0;
+            const remainingTraffic = totalTraffic > 0 ? totalTraffic - upload - download : 0;
+            return (
+              <Display type="traffic" unlimited value={remainingTraffic} />
+            );
+          },
+        },
         {
           accessorKey: "speed_limit",
           header: t("speedLimit", "Speed Limit"),
@@ -390,7 +403,7 @@ function RowMoreActions({
           "This action cannot be undone."
         )}
         onConfirm={async () => {
-          await deleteUserSubscribe({ user_subscribe_id: row.id });
+          await deleteUserSubscribe({ user_subscribe_id: String(row.id) });
           toast.success(t("deleteSuccess", "Deleted successfully"));
           refresh();
         }}