fix: account avatar should not be streched

[Cl0v1s]

Account avatar are stretched instead of being centered and cropped both on profile page and avatar in status

Before

After

[netlify]

✅ Deploy Preview for elk-docs canceled.

Name	Link
🔨 Latest commit	0e8f455
🔍 Latest deploy log	https://app.netlify.com/sites/elk-docs/deploys/679bf3540683350008e83071

[netlify]

✅ Deploy Preview for elk-zone ready!

Name	Link
🔨 Latest commit	0e8f455
🔍 Latest deploy log	https://app.netlify.com/sites/elk-zone/deploys/679bf3547a66960008c97bfe
😎 Deploy Preview	https://deploy-preview-3165--elk-zone.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[shuuji3]

@Cl0v1s I think your fix looks correct and I can merge this. But when I tried to replicate the issue like "before" screenshot, I couldn't find the same issue with the same account on my side.

For example, this preview (from PR 3164) doesn't have this fix but it shows the profile icon correctly: https://deploy-preview-3164--elk-zone.netlify.app/universeodon.com/@[email protected]

I also checked main.elk.zone but the same result: https://main.elk.zone/m.webtoo.ls/@[email protected]

Do you know any other profile with the same issue I can check?

[shuuji3]

It seems that the Mastodon server crops and caches the original profile image on their server, and the Mastodon API returns that cache data to Elk if the account is logged in to the Mastodon server.

• Original image: https://media.bdx.town/media/761a924ef64b90bf215932ac634b37749ce6ce76e61a9a733978c40f608e69e5.jpg
• Image from Mastodon API: https://media.universeodon.com/cache/accounts/avatars/113/865/648/347/107/400/original/85f4c968fb80648e.jpg

So with this change, Elk can crop the image on the client-side in the same way as Mastodon server, in case the server is non-Mastodon and returns a non-square image.