fix: print logo in README.md (#1166)

## PR Checklist

- [x] Addresses an existing open issue: fixes #1165
- [x] That issue was marked as [`status: accepting
prs`](https://github.com/JoshuaKGoldberg/create-typescript-app/issues?q=is%3Aopen+is%3Aissue+label%3A%22status%3A+accepting+prs%22)
- [x] Steps in
[CONTRIBUTING.md](https://github.com/JoshuaKGoldberg/create-typescript-app/blob/main/.github/CONTRIBUTING.md)
were taken

## Overview

Hooks the logo up to README.md generation and uses `--logo` in the
end-to-end migration test.

Author: JoshuaKGoldberg

script/__snapshots__/migrate-test-e2e.js.snap

@@ -95,11 +95,9 @@ exports[`expected file changes > README.md 1`] = `
 "--- a/README.md
 +++ b/README.md
 @@ ... @@
- 	<img alt="💪 TypeScript: Strict" src="https://img.shields.io/badge/%F0%9F%92%AA_typescript-strict-21bb42.svg" />
- </p>
  
--<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">
--
+ <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">
+ 
 -\`create-typescript-app\` is a one-stop-shop solution to set up a new or existing repository with the latest and greatest TypeScript tooling.
 -It includes options not just for building and testing but also GitHub repository templates, contributor recognition, automated release management, and more.
 -

script/migrate-test-e2e.js

@@ -32,6 +32,8 @@ const bin = "./bin/index.js";
 const guide =
 	"https://www.joshuakgoldberg.com/blog/contributing-to-a-create-typescript-app-repository";
 const guideTitle = "Contributing to a create-typescript-app Repository";
+const logo = "./create-typescript-app.png";
+const logoAlt = `Project logo: the TypeScript blue square with rounded corners, but a plus sign instead of 'TS'`;
 const owner = "JoshuaKGoldberg";
 const title = "Create TypeScript App";
 
@@ -47,7 +49,7 @@ const originalSnapshots = (
 
 await $({
 	stdio: "inherit",
-})`c8 -o ./coverage -r html -r lcov --src src node ${bin} --base everything --author ${authorName} --mode migrate --bin ${bin} --description ${description} --email-github ${emailGithub} --email-npm ${emailNpm} --guide ${guide} --guide-title ${guideTitle} --owner ${owner} --title ${title} --repository ${repository} --skip-all-contributors-api --skip-github-api --skip-install`;
+})`c8 -o ./coverage -r html -r lcov --src src node ${bin} --base everything --author ${authorName} --mode migrate --bin ${bin} --description ${description} --email-github ${emailGithub} --email-npm ${emailNpm} --guide ${guide} --guide-title ${guideTitle} --logo ${logo} --logo-alt ${logoAlt} --owner ${owner} --title ${title} --repository ${repository} --skip-all-contributors-api --skip-github-api --skip-install`;
 
 // All Contributors seems to not be using Prettier to format files...
 await fs.writeFile(

src/shared/options/readOptions.test.ts

@@ -37,6 +37,7 @@ const emptyOptions = {
 	guide: undefined,
 	guideTitle: undefined,
 	logo: undefined,
+	logoAlt: undefined,
 	offline: undefined,
 	owner: undefined,
 	preserveGeneratedFrom: false,
@@ -756,6 +757,7 @@ describe("readOptions", () => {
 			      "guide": undefined,
 			      "guideTitle": undefined,
 			      "logo": undefined,
+			      "logoAlt": undefined,
 			      "mode": "migrate",
 			      "offline": true,
 			      "owner": "TestOwner",

src/shared/options/readOptions.ts

@@ -87,6 +87,7 @@ export async function readOptions(
 		guide: values.guide,
 		guideTitle: values["guide-title"],
 		logo: values.logo,
+		logoAlt: values["logo-alt"],
 		offline: values.offline,
 		owner: values.owner,
 		preserveGeneratedFrom:

src/steps/writeReadme/generateTopContent.ts

@@ -58,6 +58,14 @@ ${[...badges, ...remainingExistingBadges]
 	.map((badge) => `\t${badge}`)
 	.join("\n")}
 </p>${
+		options.logo
+			? `
+
+<img align="right" alt="${options.logo.alt}" src="${options.logo.src}">
+
+`
+			: ""
+	}${
 		options.mode === "migrate"
 			? ""
 			: `