🚀 Feature: Add explicit sizing for README.md logo, if provided

[JoshuaKGoldberg]

Bug Report Checklist

• I have tried restarting my IDE and the issue persists.
• I have pulled the latest main branch of the repository.
• I have searched for related issues and found none that matched my issue.

Overview

This repository makes use of the --logo option from #851 + #1166:

create-typescript-app/README.md

Line 18 in e388ba2

<img align="right" alt="Project logo: the TypeScript blue square with rounded corners, but a plus sign instead of 'TS'" src="./create-typescript-app.png">

But, note how there's no explicit image height or width attribute in there. That means the page won't know how to account for the image's size until it loads in. Kind of a performance issue.

In JoshuaKGoldberg/all-contributors-auto-action#188 I added a logo to the all-contributors-auto-action repository that does have explicit height and width attributes. Let's add in explicit height and width to this template too!

Additional Info

The logo image is created here:

create-typescript-app/src/steps/writeReadme/generateTopContent.ts

Line 64 in e388ba2

<img align="right" alt="${options.logo.alt}" src="${options.logo.src}">

However, I think this feature shouldn't assume a 128px by 128px image. It should:

1. Read in the logo as an image file from disk
   • If the image file doesn't exist or can't be read as an image, throw an error
2. Use Math.min(image size, 128px) for both height and width
   • If either are > 192px, log a warning that it shouldn't be used as a logo