improved component composition and added tests.

src/components/profile/FriendSpace.svelte

@@ -9,6 +9,7 @@
   import type { Account } from '$lib/api/types'
   import { displayNameOf, formatCount, profilePath } from '$lib/util/profile'
   import Module from '../common/Module.svelte'
+  import Avatar from '../common/Avatar.svelte'
 
   interface Props {
     title: string
@@ -66,13 +67,7 @@
         <li class="friend-card" data-account={friend.acct}>
           <a class="friend-card-link" href={profilePath(friend)}>
             <span class="friend-card-name">{displayNameOf(friend)}</span>
-            <img
-              class="friend-card-photo"
-              src={friend.avatar_static || friend.avatar}
-              alt=""
-              loading="lazy"
-              decoding="async"
-            />
+            <Avatar account={friend} plain size="friend" class="friend-card-photo" />
           </a>
         </li>
       {/each}