Add chat formatting and use instruction prompt feature

src/lib/Setting/Pages/ChatFormatSettings.svelte

@@ -3,9 +3,10 @@
     import SelectInput from "src/lib/UI/GUI/SelectInput.svelte";
     import OptionInput from "src/lib/UI/GUI/OptionInput.svelte";
     import { DataBase } from "src/ts/storage/database";
+  import { language } from "src/lang";
 </script>
 
-<span class="text-textcolor">Chat Formating</span>
+<span class="text-textcolor">{language.chatFormating}</span>
 <SelectInput bind:value={$DataBase.instructChatTemplate}>
     <OptionInput value="chatml">ChatML</OptionInput>
     <OptionInput value="llama3">Llama3</OptionInput>

src/lib/Setting/Pages/OpenrouterSettings.svelte

@@ -5,6 +5,7 @@
     import { DataBase } from "src/ts/storage/database";
     import SelectInput from "src/lib/UI/GUI/SelectInput.svelte";
     import OptionInput from "src/lib/UI/GUI/OptionInput.svelte";
+  import ChatFormatSettings from "./ChatFormatSettings.svelte";
 
     const openrouterProviders = [
         "OpenAI",
@@ -38,6 +39,9 @@
     <div class="flex items-center mb-4">
         <Check bind:check={$DataBase.openrouterMiddleOut} name={language.openrouterMiddleOut}/>
     </div>
+    <div class="flex items-center mb-4">
+        <Check bind:check={$DataBase.useInstructPrompt} name={language.useInstructPrompt}/>
+    </div>
     <span class="mb-2 text-2xl font-bold mt-2">{language.provider}</span>
     <SelectInput bind:value={$DataBase.openrouterProvider}>
         <OptionInput value="">Auto (Default)</OptionInput>
@@ -45,4 +49,8 @@
             <OptionInput value={provider}>{provider}</OptionInput>
         {/each}
     </SelectInput>
+
+    {#if $DataBase.useInstructPrompt}
+        <ChatFormatSettings />
+    {/if}
 </Arcodion>