fix: preserve responsive image proportions

src/components/PageReader.test.tsx

@@ -59,6 +59,9 @@ const page: OneNotePageDto = {
       id: 'image-1',
       resourceId: 'resource-image',
       altText: 'Embedded diagram',
+      pictureWidth: 8,
+      pictureHeight: 4,
+      href: 'https://example.com/diagram',
       isBackground: false,
       layout: {},
     },
@@ -141,6 +144,13 @@ describe('PageReader structured content', () => {
         screen.getByRole('img', { name: 'Embedded diagram' })
       ).toHaveAttribute('src', 'blob:local-image')
     );
+    expect(screen.getByRole('img', { name: 'Embedded diagram' })).toHaveStyle({
+      width: '384px',
+      height: 'auto',
+    });
+    expect(
+      screen.getByRole('link', { name: 'Embedded diagram' })
+    ).toHaveAttribute('href', 'https://example.com/diagram');
   });
 
   it('downloads an attachment only after an explicit user action', async () => {