Adding manual entries + UI cleanup

src/pages/dashboard/team.astro

@@ -1,5 +1,6 @@
 ---
 import DashboardLayout from '../../layouts/DashboardLayout.astro';
+import Avatar from '../../components/Avatar.astro';
 import { Icon } from 'astro-icon/components';
 import { db } from '../../db';
 import { members, users } from '../../db/schema';
@@ -70,11 +71,7 @@ const isAdmin = currentUserMember?.member.role === 'owner' || currentUserMember?
               <tr>
                 <td>
                   <div class="flex items-center gap-3">
-                    <div class="avatar placeholder">
-                      <div class="bg-neutral text-neutral-content rounded-full w-10">
-                        <span>{teamUser.name.charAt(0)}</span>
-                      </div>
-                    </div>
+                    <Avatar name={teamUser.name} />
                     <div>
                       <div class="font-bold">{teamUser.name}</div>
                       {teamUser.id === user.id && (