fix: updated avatar

src/routes/console/[project]/users/teams.svelte

@@ -11,7 +11,7 @@
         TableCellText
     } from '$lib/elements/table';
     import { Button } from '$lib/elements/forms';
-    import { Empty, Pagination } from '$lib/components';
+    import { Empty, Pagination, Avatar } from '$lib/components';
     import Create from './_createTeam.svelte';
     import { goto } from '$app/navigation';
     import { toLocaleDateTime } from '$lib/helpers/date';
@@ -75,12 +75,7 @@
                             title="ID"
                             href={`${base}/console/${project}/users/teams/${team.$id}`}>
                             <div class="u-flex u-gap-12">
-                                <img
-                                    class="avatar"
-                                    width="40"
-                                    height="40"
-                                    src={getAvatar(team.name)}
-                                    alt={team.name} />
+                                <Avatar size={40} name={team.name} src={getAvatar(team.name)} />
                                 <span>{team.name}</span>
                             </div>
                         </TableCellLink>

src/routes/console/[project]/users/teams/[team]/index.svelte

@@ -46,7 +46,7 @@
         <Card>
             <div class="u-flex u-main-space-between u-gap-12 common-section">
                 <div class="user-profile-button">
-                    <Avatar size={64} name={$team.name} src={getAvatar($team.name)} />
+                    <Avatar size={40} name={$team.name} src={getAvatar($team.name)} />
                     <span class="user-profile-info">
                         <h6 class="heading-level-6">{$team.name}</h6>
                         <span class="title">{$team.total} Members</span>