fix(web): grid on people page

[martabal]

Changes made in this PR

With this PR, the people grid always takes up the full available width and the size of the thumbnails changes depending on the screen size.

Screenshots

Before	After
2023-12-11.21-23-06.mp4	2023-12-11.21-21-13.mp4

[cloudflare-pages]

Deploying with    Cloudflare Pages

Latest commit:	4db5a0d
Status:	✅  Deploy successful!
Preview URL:	https://d7816658.immich.pages.dev
Branch Preview URL:	https://fix-grid-people-page.immich.pages.dev

View logs

[jrasm91]

This seems OK, but you can actually accomplish all of this with css using flex, not with javascript that has to run in the browser and may cause performance issues on slower devices, like phones.

[martabal]

This seems OK, but you can actually accomplish all of this with css using flex, not with javascript that has to run in the browser and may cause performance issues on slower devices, like phones.

The thumbnail width is re-calculated only when the width of the div containing all the thumbnails change. So could be an issue only on screen rotation

[martabal]

Changed to use grid instead

[jrasm91]

It's the video updated too or is that the old one?

[jrasm91]

Lgtm

[martabal]

It's the video updated too or is that the old one?

I just changed it