fixing and adding Nous Mixtral 8x7b

src/lib/components/Playground/Playground.svelte

@@ -1,15 +1,20 @@
 <script lang="ts">
-	import { HfInference } from '@huggingface/inference';
-
 	import PlaygroundCode from './PlaygroundCode.svelte';
+	import {
+		createHfInference,
+		prepareRequestMessages,
+		handleStreamingResponse,
+		handleNonStreamingResponse
+	} from './playgroundUtils';
 	import PlaygroundMessage from '$lib/components/Playground/PlaygroundMessage.svelte';
 	import PlaygroundOptions from '$lib/components/Playground/PlaygroundOptions.svelte';
 	import PlaygroundTokenModal from './PlaygroundTokenModal.svelte';
 	import PlaygroundModelSelector from './PlaygroundModelSelector.svelte';
+	import { onDestroy } from 'svelte';
 
 	const compatibleModels: string[] = [
     
-        'CohereForAI/c4ai-command-r-plus',
+		'CohereForAI/c4ai-command-r-plus',
         
         'microsoft/Phi-3-mini-4k-instruct',
 
@@ -484,4 +489,4 @@
 			</div>
 		</div>
 	{/if}
-</div>
+</div>