Modify Shot Data Table Functions

frontend/src/components/project/ProjectMemberManagement.vue

@@ -43,11 +43,11 @@
           <Avatar class="h-8 w-8">
             <AvatarImage
               v-if="member.user_id"
-              :src="getAvatarUrl(member.user_id)"
+              :src="getAvatarUrl(member.avatar_url, member.user_first_name, member.user_last_name)"
             />
             <AvatarImage
               v-else
-              :src="`https://api.dicebear.com/7.x/initials/svg?seed=${member.user_first_name} ${member.user_last_name}`"
+              :src="`https://ui-avatars.com/api/?name=${member.user_first_name} ${member.user_last_name}`"
             />
             <AvatarFallback>{{ getUserInitials(member) }}</AvatarFallback>
           </Avatar>
@@ -378,22 +378,9 @@ const getUserInitials = (member: ProjectMember) => {
   return `${member.user_first_name.charAt(0)}${member.user_last_name.charAt(0)}`.toUpperCase()
 }
 
-const getAvatarUrl = (userIdOrUrl: string | number | null | undefined) => {
-  if (!userIdOrUrl) return ''
-  // If it's a number, we don't have the avatar URL, so we can't display avatars
-  if (typeof userIdOrUrl === 'number') {
-    return ''
-  }
-  // If it's already a full URL, return it
-  if (userIdOrUrl.startsWith('http')) return userIdOrUrl
-  // Check if it looks like a user ID (numeric string)
-  if (/^\d+$/.test(userIdOrUrl)) {
-    return ''
-  }
-  // Use direct static file serving for avatar URLs
-  const cleanUrl = userIdOrUrl.replace(/^backend[\/\\]/, '').replace(/\\/g, '/')
-  return `/${cleanUrl}`
-}
+import { useAvatarUrl } from '@/composables/useAvatarUrl'
+
+const { getAvatarUrl, getInitialsAvatarUrl } = useAvatarUrl()
 
 const formatDate = (dateString: string) => {
   return new Date(dateString).toLocaleDateString('en-US', {