feat(frontend): specify height as well as width for avatars

frontend/src/lib/components/FallbackImage.svelte

@@ -25,8 +25,14 @@
     {#each urls as url}
       <source {width} srcSet={url} type={contentTypeFor(url)} />
     {/each}
-    <img {width} src={urls[0] || defaultAvatars[0]} {alt} class="rounded-circle img-fluid" />
+    <img
+      {width}
+      height={width}
+      src={urls[0] || defaultAvatars[0]}
+      {alt}
+      class="rounded-circle img-fluid"
+    />
   </picture>
 {:else}
-  <img {width} class="rounded-circle img-fluid" src={defaultAvatars[0]} {alt} />
+  <img {width} height={width} class="rounded-circle img-fluid" src={defaultAvatars[0]} {alt} />
 {/if}

frontend/src/routes/edit/member/[id]/+page.svelte

@@ -321,7 +321,13 @@
             {#if avatar === ""}
               <FallbackImage alt="Current avatar" urls={[]} width={200} />
             {:else if avatar}
-              <img width={200} src={avatar} alt="New avatar" class="rounded-circle img-fluid" />
+              <img
+                width={200}
+                height={200}
+                src={avatar}
+                alt="New avatar"
+                class="rounded-circle img-fluid"
+              />
             {:else}
               <FallbackImage alt="Current avatar" urls={memberAvatars(data.member)} width={200} />
             {/if}

frontend/src/routes/edit/profile/+page.svelte

@@ -268,7 +268,13 @@
             {#if avatar === ""}
               <FallbackImage alt="Current avatar" urls={[]} width={200} />
             {:else if avatar}
-              <img width={200} src={avatar} alt="New avatar" class="rounded-circle img-fluid" />
+              <img
+                width={200}
+                height={200}
+                src={avatar}
+                alt="New avatar"
+                class="rounded-circle img-fluid"
+              />
             {:else}
               <FallbackImage alt="Current avatar" urls={userAvatars($userStore)} width={200} />
             {/if}