storybook and template fixes

src/design-system/atoms/avatar/avatarUtils.tsx

@@ -1,10 +1,16 @@
 export const initialsFromName = (name: string) =>
-    name
-        .split(' ')
-        .slice(0, 2)
-        .map((x) => x[0])
-        .join('')
-        .toUpperCase();
+    !!name
+        ? name
+              .split(' ')
+              .slice(0, 2)
+              .map((x) => x[0])
+              .join('')
+              .toUpperCase()
+        : '';
 
-export const avatarHash = (id: string, hash: string) =>
-    `https://cdn.discordapp.com/icons/${id}/${hash}.webp?size=256`;
+export const avatarHash = (
+    id: string,
+    hash: string,
+    bucket: 'icons' | 'avatars' = 'icons',
+    size: number = 256
+) => `https://cdn.discordapp.com/${bucket}/${id}/${hash}.webp?size=${size}`;