formatting, full migration to svelte-french-toast

src/components/statsclients/CopyStatsClientTokenModal.svelte

@@ -1,7 +1,6 @@
 <script>
   import { _ } from "svelte-i18n";
 
-  import Toastify from "toastify-js";
   import { tick, createEventDispatcher } from "svelte";
   export let copy_modal_open;
   export let new_client;
@@ -22,19 +21,10 @@
       if (!successful) {
         throw new Error();
       }
-      Toastify({
-        text: $_("copied-token-to-clipboard"),
-        duration: 500,
-        backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
-      }).showToast();
+      toast($_("copied-token-to-clipboard"));
       copied = true;
     } catch (err) {
-      Toastify({
-        text: $_("error-whyile-copying-to-clipboard"),
-        duration: 500,
-        backgroundColor:
-          "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-      }).showToast();
+      toast.error($_("error-whyile-copying-to-clipboard"));
     }
 
     // we can notifi by event or storage about copy status