feat: add fallback image to article image on summary page

Author: Nathan-Cowin

resources/views/components/articles/summary.blade.php

@@ -7,7 +7,14 @@
     <div class="break-words">
         @if ($isFeatured)
             <a href="{{ route('articles.show', $article->slug()) }}">
-                <div class="w-full h-72 mb-6 rounded-lg bg-center {{ $article->hasHeroImage() ? 'bg-cover' : '' }} bg-gray-800" style="background-image: url({{ $article->heroImage() }});"></div>
+                <img class="w-full h-72 mb-6 rounded-lg bg-center bg-gray-800"
+                     src="{{ $article->heroImage() }}"
+                     alt="Example image"
+                     onerror="
+                          this.onerror=null;
+                          this.src='images/default-background.svg';
+                          this.classList.add('image-error');"
+                >
             </a>
         @endif