fix index grid layout & disallow not-squared cover image uploading

[fewwwww]

• Display the index grid evenly, regardless of each row's height
• Disallow cover images from being uploaded that are not perfectly square (1:1 aspect ratio)

fix bounty

[xylophonez]

@fewwwww - The index looks great!

Although, I was able to upload a show with an image that's not square. Unsure why, but isPodcastCoverSquared returns true for a rectangular image.

Maybe test by running the app locally but exiting from the handleShowUpload function as soon as the square check is done?

It would also be preferable to show the error to the user - if possible, before they submit the form.

[xylophonez]

For individual show view, this appears to introduce breaking changes as to the distance between the show header and episode list however:

[fewwwww]

For individual show view, this appears to introduce breaking changes as to the distance between the show header and episode list however:

Now I found a way to render the podcasts based on the max height of them. It should be all good with all devices.

I first render them in hidden visibility and auto height, then get the height of each podcast child, then pass back to index.js, then find the max of them, then render them in visible visibility and max height.

[xylophonez]

@fewwwww nice! the index view and individual show view looks awesome now. could you please make a new PR against main with just those fixes? we can merge those in right away and not depend on having the square image part done.

[fewwwww]

@fewwwww nice! the index view and individual show view looks awesome now. could you please make a new PR against main with just those fixes? we can merge those in right away and not depend on having the square image part done.

Alright, I will make two other pr for both commits

[xylophonez]

@fewwwww I just merged the still-open PRs, seems they cover:

• remove the large gap between podcast_html header and episode list
• disallow non-square cover images

... but not the actual layout fixes on the index grid view.

Would you be able to open a new PR with those? I think they got overlooked.