Modify Shot Data Table Functions

frontend/src/components/activity/ActivityFeed.vue

@@ -48,11 +48,11 @@
               <Avatar class="h-8 w-8">
                 <AvatarImage
                   v-if="activity.user.avatar_url"
-                  :src="getAvatarUrl(activity.user.avatar_url, activity.user.id)"
+                  :src="getAvatarUrl(activity.user.avatar_url, activity.user.first_name, activity.user.last_name)"
                 />
                 <AvatarImage
                   v-else
-                  :src="`https://api.dicebear.com/7.x/initials/svg?seed=${activity.user.first_name} ${activity.user.last_name}`"
+                  :src="getInitialsAvatarUrl(activity.user.first_name, activity.user.last_name)"
                 />
                 <AvatarFallback>
                   {{ getInitials(activity.user) }}
@@ -275,12 +275,7 @@ function navigateToProject(projectId: number) {
   router.push(`/projects/${projectId}`)
 }
 
-function getAvatarUrl(url: string | null | undefined, userId?: number): string {
-  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 } = useAvatarUrl()
 </script>