fix: authors profile pictute all accross the SPA

web/src/components/__tests__/MediaField.spec.ts

@@ -117,6 +117,38 @@ describe('MediaField', () => {
 		expect(wrapper.findComponent(MediaField).emitted('update:modelValue')![0]).toEqual([null])
 	})
 
+	it('looks up the saved image by id and shows its filename when reopened without an item', async () => {
+		const request = vi.fn().mockResolvedValue(ITEM)
+		vi.mocked(useApi).mockReturnValue({ getMe: vi.fn(), request } as unknown as ReturnType<
+			typeof useApi
+		>)
+
+		await mountInApp(MediaField, { label: 'Avatar', picker: PICKER, modelValue: 55 })
+		await flushPromises()
+
+		expect(request).toHaveBeenCalledWith('/v1/media/55')
+		expect(text(document.body)).toContain('face.jpg')
+		expect(text(document.body)).not.toContain('Image #55')
+		expect(document.body.querySelector('[data-testid="media-thumb"] img')).toBeTruthy()
+	})
+
+	it('does not look the image up when the item is already known', async () => {
+		const request = vi.fn()
+		vi.mocked(useApi).mockReturnValue({ getMe: vi.fn(), request } as unknown as ReturnType<
+			typeof useApi
+		>)
+
+		await mountInApp(MediaField, {
+			label: 'Avatar',
+			picker: PICKER,
+			modelValue: 55,
+			item: ITEM,
+		})
+		await flushPromises()
+
+		expect(request).not.toHaveBeenCalled()
+	})
+
 	it('draws the avatar variant as a square with initials when no image is chosen', async () => {
 		await mountInApp(MediaField, {
 			label: 'Avatar',