Make avatar imager resilient with upstream fallback everywhere

src/app/admin/permissions/[id]/rank-edit-client.tsx

@@ -29,7 +29,7 @@ import { Label } from "@/components/ui/label";
 import { Switch } from "@/components/ui/switch";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { useServerAction } from "@/hooks/use-server-action";
-import { getAvatarUrl } from "@/lib/imager";
+import { avatarImageOnError, getAvatarUrl } from "@/lib/imager";
 import { cn } from "@/lib/utils";
 import { categorizePerms, PermToggle } from "./permission-controls";
 import type { RankEditorProps } from "./rank-editor-types";
@@ -472,6 +472,7 @@ export function RankEditClient({
 													headDirection: 2,
 												})}
 												alt=""
+												onError={avatarImageOnError}
 												className="w-8 h-12 object-cover"
 											/>
 											<span className="text-xs font-medium truncate">
@@ -689,6 +690,7 @@ export function RankEditClient({
 													headDirection: 2,
 												})}
 												alt=""
+												onError={avatarImageOnError}
 												className="w-8 h-12 object-cover"
 											/>
 											<span className="text-xs font-medium truncate">