feat: update avatar fallback url

apps/app/package.json

@@ -27,6 +27,8 @@
     "db:drop:staging": "wrangler d1 drop hexa-xyz --remote --env staging"
   },
   "dependencies": {
+    "@dicebear/collection": "catalog:",
+    "@dicebear/core": "catalog:",
     "@dnd-kit/core": "catalog:",
     "@dnd-kit/sortable": "catalog:",
     "@dnd-kit/utilities": "catalog:",

apps/app/src/lib/org.ts

@@ -1,5 +1,10 @@
+import { icons } from '@dicebear/collection';
+import { createAvatar } from '@dicebear/core';
 import type { SelectOrgType } from '@hexa/server/schema/org';
 
 export const getOrgAvatarFallbackUrl = (org: SelectOrgType) => {
-  return `https://api.dicebear.com/9.x/icons/svg?seed=${org.name}`;
+  const avatar = createAvatar(icons, {
+    seed: org.id,
+  });
+  return avatar.toDataUri();
 };

apps/app/src/lib/project.ts

@@ -1,7 +1,12 @@
+import { icons } from '@dicebear/collection';
+import { createAvatar } from '@dicebear/core';
 import type { SelectProjectType } from '@hexa/server/schema/project';
 
 export const getProjectAvatarFallbackUrl = (project: SelectProjectType) => {
-  return `https://api.dicebear.com/9.x/icons/svg?seed=${project?.id}`;
+  const avatar = createAvatar(icons, {
+    seed: project.id,
+  });
+  return avatar.toDataUri();
 };
 
 export const getProjectSlug = (project: {

apps/app/src/lib/user.ts

@@ -1,7 +1,12 @@
+import { initials } from '@dicebear/collection';
+import { createAvatar } from '@dicebear/core';
 import type { BasicUserType } from '@hexa/server/schema/user';
 
 export const getAvatarFallbackUrl = (user: BasicUserType) => {
-  return `https://api.dicebear.com/9.x/initials/svg?seed=${user.name ?? user.email}`;
+  const avatar = createAvatar(initials, {
+    seed: user.name ?? user.email ?? '',
+  });
+  return avatar.toDataUri();
 };
 
 export const getAvatarUrl = (user: BasicUserType) => {