feat: add Satisfactory Interactive Map th.gl tool link (#211)

* Add Satisfactory Interactive Maps by TH.GL

* Contain images with different aspect ratio

* Prettify

Author: lmachens

src/lib/components/general/FicsitCard.svelte

@@ -87,7 +87,7 @@
           <div class="logo max-h-full min-h-full min-w-full max-w-full bg-neutral-500" />
         {:else}
           <img
-            class="logo absolute max-h-full min-h-full min-w-full max-w-full transition-opacity delay-100 duration-200 ease-linear"
+            class="logo absolute max-h-full min-h-full min-w-full max-w-full object-contain transition-opacity delay-100 duration-200 ease-linear"
             class:invisible={!imageLoaded}
             class:opacity-0={!imageLoaded}
             src={renderedLogo}

src/routes/tools/+page.svelte

@@ -5,6 +5,14 @@
 
   // cspell:ignore SatisGraphtory tehalexf thinkaliker Moritz
   const tools: Tool[] = [
+    {
+      name: 'Satisfactory Interactive Map',
+      author: 'DevLeon',
+      logo: 'https://www.th.gl/satisfactory.jpg',
+      description:
+        'Explore Satisfactory 1.0 with this Interactive Map and In-Game App! Minimap, real-Time position tracking, full-text search, custom drawings, and more!',
+      link: 'https://satisfactory.th.gl/'
+    },
     {
       name: 'Satisfactory Calculator Interactive Map (SCIM)',
       author: 'Anthor',