add link to feedback

src/lib/components/Icons/IconInfo.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	export let classNames = "";
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path d="M17 22v-8h-4v2h2v6h-3v2h8v-2h-3z" fill="currentColor" />
+	<path d="M16 8a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 16 8z" fill="currentColor" />
+	<path d="M16 30a14 14 0 1 1 14-14a14 14 0 0 1-14 14zm0-26a12 12 0 1 0 12 12A12 12 0 0 0 16 4z" fill="currentColor" />
+</svg>

src/lib/components/InferencePlayground/InferencePlayground.svelte

@@ -19,6 +19,7 @@
 	import PlaygroundConversation from "./InferencePlaygroundConversation.svelte";
 	import IconDelete from "../Icons/IconDelete.svelte";
 	import IconCode from "../Icons/IconCode.svelte";
+	import IconInfo from "../Icons/IconInfo.svelte";
 
 	export let models: ModelEntryWithTokenizer[];
 
@@ -345,3 +346,12 @@
 		</div>
 	</div>
 </div>
+
+<a
+	target="_blank"
+	href="https://huggingface.co/spaces/huggingface/inference-playground/discussions/1"
+	class="absolute bottom-6 left-4 flex items-center gap-1 text-sm text-gray-500 underline decoration-gray-300 hover:text-gray-800 max-md:hidden dark:text-gray-400 dark:decoration-gray-600 dark:hover:text-gray-200"
+>
+	<IconInfo classNames="text-xs" />
+	Give feedback
+</a>