Work on note component

frontend-vue/src/components/user/ProfilePicture.vue

@@ -8,6 +8,7 @@ import { vi } from 'vitest'
 const props = defineProps<{
     media?: MediaMetadata
     username: string
+    size: number
   }>()
 
 /* async function calcBackgroundColor() {
@@ -45,7 +46,7 @@ async function calcBackgroundStyle() {
      Get primary color of the image, invert it and set as background for higher contrast in case of transparency
      calcBackgroundStyle *should* do it, but async and vue no like
      -->
-    <img :src="props.media.url"  :alt="props.media.alt" height="52" width="52" ref="profilePicture"/>
+    <img :src="props.media.url"  :alt="props.media.alt" :height="props.size" :width="props.size" ref="profilePicture"/>
   </div>
   <div
     v-else