Standardize avatar display across application

- Replace all hardcoded avatars with ProfileAvatar component
- Update admin and board layouts to use ProfileAvatar
- Update DuesActionCard and DuesOverdueBanner components
- Update admin users list to use ProfileAvatar
- Ensure consistent display of profile pictures with initials fallback
- All avatars now show either user's profile picture or initials

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

pages/admin/users/index.vue

@@ -81,10 +81,11 @@
       >
         <template v-slot:item.name="{ item }">
           <div class="d-flex align-center py-2">
-            <v-avatar size="40" class="mr-3">
-              <v-icon v-if="!item.avatar">mdi-account-circle</v-icon>
-              <v-img v-else :src="item.avatar" />
-            </v-avatar>
+            <ProfileAvatar
+              :member-name="item.name"
+              size="small"
+              class="mr-3"
+            />
             <div>
               <div class="font-weight-medium">{{ item.name }}</div>
               <div class="text-caption text-medium-emphasis">{{ item.email }}</div>
@@ -250,6 +251,8 @@
 </template>
 
 <script setup lang="ts">
+import ProfileAvatar from '~/components/ProfileAvatar.vue';
+
 definePageMeta({
   layout: 'admin',
   middleware: 'admin'