adding API_BASE url to avatar URL to fetch it properly

src/blog/components/ArticleMeta.tsx

@@ -30,7 +30,12 @@ export function ArticleMeta({
             <Avatar
               key={index}
               alt={author.name}
-              src={author.avatar}
+              src={
+                (import.meta.env.VITE_API_BASE_URL.replace(/\/+$/, "") +
+                  "/" +
+                  (author.avatar?.replace(/^\/+/, "") || "")
+                )
+              }
               sx={{ width: 24, height: 24 }}
             />
           ))}

src/blog/components/Profile.tsx

@@ -122,7 +122,12 @@ export default function Profile({ onBack }: ProfileProps) {
 
       <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, mb: 3 }}>
         <Avatar
-          src={formData.avatar}
+          src={
+            (import.meta.env.VITE_API_BASE_URL.replace(/\/+$/, "") +
+              "/" +
+              (formData.avatar?.replace(/^\/+/, "") || "")
+            )
+          }
           alt={formData.name || formData.username}
           sx={{ width: 64, height: 64 }}
         />