Added more TAs to Beast4L, fixed unlighthouse issue, optimized dev experience by throwing actual useful errors

src/components/hero.astro

@@ -38,7 +38,6 @@ const release = `https://forgejo.neshweb.net/Firq/fgo-ta-com-website/releases/ta
     color: white;
     font-size: 1.5em;
     padding: 2rem 0rem;
-    margin-top: 7.5rem;
   }
   a {
     text-align: center;

src/components/taCard.astro

@@ -1,6 +1,8 @@
 ---
 import type { ImageMetadata } from 'astro'
 import { Image } from 'astro:assets'
+import { plsLoadImage } from '../utils/tools'
+import type { GlobImage } from '../types/generic'
 export interface Props {
   title: string
   link: string
@@ -19,22 +21,25 @@ const options_date: Intl.DateTimeFormatOptions = {
 }
 
 const servantImagePath = `/src/assets/ta_servants/${servant}.png`
-
-const formatted_date = new Date(date).toLocaleDateString('de-DE', options_date)
-const servant_images = import.meta.glob<{ default: ImageMetadata }>(
+const servant_images = import.meta.glob<GlobImage>(
   '/src/assets/ta_servants/*.png'
 )
+const loaded_image = plsLoadImage(servant_images, servantImagePath)
+
+const formatted_date = new Date(date).toLocaleDateString('de-DE', options_date)
+const arialabel = `By ${runner} • ${formatted_date} ${turns}`
 ---
 
-<a href={link} target="_blank" rel="noopener noreferrer" aria-label=`By ${runner} • ${formatted_date} ${turns}`>
+<a href={link} target="_blank" rel="noopener noreferrer" aria-label={arialabel}>
   <article>
-    <Image src={servant_images[servantImagePath]()} alt="" class="icon" />
+    <Image src={loaded_image} alt="" class="icon" />
     <div class="title desktop">
       <h2>{title}</h2>
     </div>
     <p class="desktop">
       <span>
-        By {runner}<br /> • <br/ > {formatted_date}
+        By {runner}<br /> • <br />
+        {formatted_date}
       </span>
     </p>
     <div class="mobile">