feat: Add GO word cloud on detail page

* style: fix page alignment

* feat: add go term retrieval

* feat: add go term word cloud

* feat: add wordcloud display

* style: add text-styling to svg

* refactor: prevent single letter words

* refactor: improve text

* style: better font scaling

* feat: add GO loading  state

frontend/package.json

@@ -22,6 +22,8 @@
 		"@tailwindcss/forms": "^0.5.9",
 		"@tailwindcss/typography": "^0.5.15",
 		"@tanstack/svelte-query-devtools": "^5.61.5",
+		"@types/d3": "^7.4.3",
+		"@types/d3-cloud": "^1.2.9",
 		"@types/node": "^22.10.1",
 		"@vincjo/datatables": "^1.14.10",
 		"autoprefixer": "^10.4.20",
@@ -53,6 +55,8 @@
 		"@sentry/svelte": "^8.41.0",
 		"@tanstack/svelte-query": "^5.61.5",
 		"axios": "^1.7.8",
+		"d3": "^7.9.0",
+		"d3-cloud": "^1.2.7",
 		"iconify-icon": "^2.1.0",
 		"pdbe-molstar": "^3.3.2"
 	}

frontend/src/lib/components/GoOverview/GoLoading.svelte

@@ -0,0 +1,36 @@
+<!--
+ Copyright 2025 Tobias Olenyi.
+ SPDX-License-Identifier: Apache-2.0
+-->
+
+<script lang="ts">
+  import { Accordion, AccordionItem } from "@skeletonlabs/skeleton";
+  import "iconify-icon";
+
+  let className = "";
+  export { className as class };
+</script>
+
+<div
+  class="flex min-h-full w-full items-center justify-center {className}"
+  {...$$restProps}
+>
+  <div class="w-full">
+    <div class="flex justify-end">
+      <div class="h-6 w-48 animate-pulse rounded bg-surface-500/30"></div>
+    </div>
+    <div class="flex justify-center">
+      <div class="relative h-64 w-1/3 items-center justify-center">
+        {#each Array(8) as _, i}
+          <div
+            class="absolute animate-pulse rounded-full bg-surface-500/30"
+            style="width: {20 + Math.random() * 60}px;
+                     height: 20px;
+                     left: {Math.random() * 80}%;
+                     top: {Math.random() * 80}%;"
+          ></div>
+        {/each}
+      </div>
+    </div>
+  </div>
+</div>