fix(web): rich markdown notes get block structure — paragraphs, quotes, lists, code

Tailwind preflight zeroes p/blockquote/list margins globally, so notes
rendered through renderNoteHtml collapsed flat: blank lines between
paragraphs vanished, blockquotes were indistinguishable from body text,
lists had no bullets/indent, code blocks had no padding. The parser was
always correct — the loss was CSS at the x-html display sites.

One shared scoped block (.note-rich, in @layer components so it
outranks base preflight): p+p margin-top, blockquote bar + indent +
secondary color, list markers + padding, pre/code padding + themed bg,
modest heading sizes, underlined links, table borders, em-based so it
scales with each site's text-xs/text-sm context. Applied at all three
display sites: reader notes-drawer rows (replaces the unused
reader-note-rich hook), the 📝 highlight note line, and the banner's
expanded body.

The regenerated _templ.go files also catch up two stale .templ changes
that had shipped without regeneration (the selection popover's Adjust
button, the banner delete ternary) — the Docker build regenerates at
image-build, so the served site always matched the sources.

Verified live (headless Chromium against the dev stack): .note-rich in
the served stylesheet; p+p computed marginTop 9.6px, blockquote 3px
solid border-left, ul disc + 22.4px indent, pre padded + themed bg.

templates/annotations_banner.templ

@@ -106,7 +106,7 @@ templ AnnotationsBanner(book handlers.MediaDetail) {
 							</div>
 						</div>
 						<!-- Expanded rich body (markdown pipeline) -->
-						<div x-show="row.expanded" class="px-4 pb-4" x-html="row.rich"></div>
+						<div x-show="row.expanded" class="note-rich px-4 pb-4" x-html="row.rich"></div>
 					</div>
 				</template>
 			</div>