Adding manual entries + UI cleanup

src/pages/admin/index.astro

@@ -1,5 +1,6 @@
 ---
 import DashboardLayout from '../../layouts/DashboardLayout.astro';
+import Avatar from '../../components/Avatar.astro';
 import { db } from '../../db';
 import { siteSettings, users } from '../../db/schema';
 import { eq } from 'drizzle-orm';
@@ -36,7 +37,7 @@ const allUsers = await db.select().from(users).all();
   <div class="card bg-base-100 shadow-xl border border-base-200 mb-6">
     <div class="card-body">
       <h2 class="card-title mb-4">Site Settings</h2>
-      
+
       <form method="POST" action="/api/admin/settings">
         <div class="form-control">
           <label class="label cursor-pointer">
@@ -44,10 +45,10 @@ const allUsers = await db.select().from(users).all();
               <div class="font-semibold">Allow New Registrations</div>
               <div class="text-sm text-gray-500">When disabled, only existing users can log in</div>
             </span>
-            <input 
-              type="checkbox" 
-              name="registration_enabled" 
-              class="toggle toggle-primary" 
+            <input
+              type="checkbox"
+              name="registration_enabled"
+              class="toggle toggle-primary"
               checked={registrationEnabled}
             />
           </label>
@@ -79,11 +80,7 @@ const allUsers = await db.select().from(users).all();
               <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>{u.name.charAt(0)}</span>
-                      </div>
-                    </div>
+                    <Avatar name={u.name} />
                     <div class="font-bold">{u.name}</div>
                   </div>
                 </td>