Data integrity: Internet Archive ID is 't' generating bad thumbnails in carousels

[jdlrobson]

This relates to the slack conversation between @mekarpeles and Brittany. For those who missed it, apparently this fix is not applying to:
https://openlibrary.org/subjects/in_library#ebooks=true&sort=edition_count
when you click right arrow.

The carousel item is rendered on the server side so this is likely an issue in the template.

The template uses the following code
If an Internet Archive ID is available that's used here.

$elif book.get('ia'):
    $ cover_url = '%s/b/ia/%s-M.jpg?default=%s'%(cover_host, book.get('ia')[0], fallback_cover)

For some reason some books have an inaccurate ia field. When that happens a bad URI is created like //covers.openlibrary.org/b/ia/t-M.jpg?default=https://openlibrary.org/images/icons/avatar_book.png

The template is dumb and will assume if it finds an image a cover exists. ie. It;s the default parameter in the covers api that is causing an issue.

The covers api takes a default parameter.

Two solutions to this

1. Either we cannot depend on the IA field and we should not ever use it for the thumbnail
2. API should be updated to 404 when an image is not available so alt text can be used.

<div class="book carousel__item">
  <div class="book-cover">
    <a href="/works/OL55532W">
      <img class="bookcover" loading="lazy"
        width="130" height="200"
        title="The three sisters by Anton Pavlovich Chekhov"
        data-lazy="//covers.openlibrary.org/b/ia/t-M.jpg?default=https://openlibrary.org/images/icons/avatar_book.png"/>
    </a>
  </div>
  <div class="book-cta"><a class="cta-btn cta-btn--available borrow-link" href="/borrow/ia/threesistersdram00chek?ref=ol" data-ol-link-track="subjects" title="Borrow The three sisters"
    data-key="subjects" data-ocaid="threesistersdram00chek">Borrow</a></div>
</div>

Evidence / Screenshot (if possible)

Related

Very similar to #2836 possibly can be fixed at the same time.

Stakeholders