added tooltip and version change

frontend/src/helperComponents/Anime.svelte

@@ -41,7 +41,7 @@
     import { AddAnimeServiceToTable } from "../helperModules/AddAnimeServiceToTable.svelte";
     import { CheckIfAniListLoggedInAndLoadWatchList } from "../helperModules/CheckIfAniListLoggedInAndLoadWatchList.svelte";
     import Datepicker from "./Datepicker.svelte";
-    import { Badge } from "flowbite-svelte";
+    import {Badge, Tooltip} from "flowbite-svelte";
     const re = /^([0-9]{4})-([0-9]{2})-([0-9]{2})/;
 
     let isAniListLoggedIn: boolean;
@@ -213,9 +213,6 @@
             };
             await AniListUpdateEntry(body).then(
                 (value: AniListGetSingleAnime) => {
-                    /* TODO in future when you inevitably add tags to typescript, until Anilist fixes the api bug
-                    where tags break the SaveMediaListEntry return, you'll want to use this delete line
-                    delete value.data.MediaList.media.tags */
                     value.data.MediaList.media.tags =
                         currentAniListAnime.data.MediaList.media.tags;
                     aniListAnime.update((newValue) => {
@@ -834,9 +831,13 @@
             <div class="mt-2">
                 {#each currentAniListAnime.data.MediaList.media.tags as tag}
                     <div>
-                        <Badge large border color="blue" class="m-1 w-40"
-                            >{tag.name}</Badge
-                        >
+                        <Badge large border color="blue" class="m-1 w-52">
+                                <div>
+                                    {tag.name} -
+                                    <span class="text-xs">{tag.rank}%</span>
+                                </div>
+                        </Badge>
+                        <Tooltip>{tag.description}</Tooltip>
                     </div>
                 {/each}
             </div>