Modify Shot Data Table Functions

frontend/src/components/user/UserManagementTable.vue

@@ -93,11 +93,11 @@
                 <Avatar class="h-8 w-8">
                   <AvatarImage
                     v-if="user.avatar_url"
-                    :src="getAvatarUrl(user.avatar_url, user.id)"
+                    :src="getAvatarUrl(user.avatar_url, user.first_name, user.last_name)"
                   />
                   <AvatarImage
                     v-else
-                    :src="`https://api.dicebear.com/7.x/initials/svg?seed=${user.first_name} ${user.last_name}`"
+                    :src="getInitialsAvatarUrl(user.first_name, user.last_name)"
                   />
                   <AvatarFallback>{{ getUserInitials(user) }}</AvatarFallback>
                 </Avatar>
@@ -343,14 +343,9 @@ const getUserInitials = (user: User) => {
   return `${user.first_name.charAt(0)}${user.last_name.charAt(0)}`.toUpperCase();
 };
 
-const getAvatarUrl = (url: string | null | undefined, userId?: number) => {
-  if (!url) return ''
-  // If it's already a full URL, return it
-  if (url.startsWith('http')) return url
-  // Use direct static file serving
-  const cleanUrl = url.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", {