Lint & Prettier fixes on Svelte files

front/src/Components/UI/AudioPlaying.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-    import { fly } from 'svelte/transition';
+    import { fly } from "svelte/transition";
     import megaphoneImg from "./images/megaphone.svg";
-    import {soundPlayingStore} from "../../Stores/SoundPlayingStore";
-    import {afterUpdate} from "svelte";
+    import { soundPlayingStore } from "../../Stores/SoundPlayingStore";
+    import { afterUpdate } from "svelte";
 
     export let url: string;
     let audio: HTMLAudioElement;
@@ -16,37 +16,37 @@
     });
 </script>
 
-<div class="audio-playing" transition:fly="{{ x: 210, duration: 500 }}">
+<div class="audio-playing" transition:fly={{ x: 210, duration: 500 }}>
     <img src={megaphoneImg} alt="Audio playing" />
     <p>Audio message</p>
-    <audio bind:this={audio} src={url} on:ended={soundEnded} >
-        <track kind="captions">
+    <audio bind:this={audio} src={url} on:ended={soundEnded}>
+        <track kind="captions" />
     </audio>
 </div>
 
 <style lang="scss">
-  /*audio html when audio message playing*/
- .audio-playing {
-    position: absolute;
-    width: 200px;
-    height: 54px;
-    right: 0;
-    top: 40px;
-    transition: all 0.1s ease-out;
-    background-color: black;
-    border-radius: 30px 0 0 30px;
-    display: inline-flex;
+    /*audio html when audio message playing*/
+    .audio-playing {
+        position: absolute;
+        width: 200px;
+        height: 54px;
+        right: 0;
+        top: 40px;
+        transition: all 0.1s ease-out;
+        background-color: black;
+        border-radius: 30px 0 0 30px;
+        display: inline-flex;
 
-    img {
-      border-radius: 50%;
-      background-color: #ffda01;
-      padding: 10px;
-    }
+        img {
+            border-radius: 50%;
+            background-color: #ffda01;
+            padding: 10px;
+        }
 
-    p {
-      color: white;
-      margin-left: 10px;
-      margin-top: 14px;
+        p {
+            color: white;
+            margin-left: 10px;
+            margin-top: 14px;
+        }
     }
-  }
 </style>

front/src/Components/UI/ErrorDialog.svelte

@@ -1,19 +1,18 @@
 <script lang="ts">
-import {errorStore} from "../../Stores/ErrorStore";
-
-function close(): boolean {
-    errorStore.clearMessages();
-    return false;
-}
+    import { errorStore } from "../../Stores/ErrorStore";
 
+    function close(): boolean {
+        errorStore.clearMessages();
+        return false;
+    }
 </script>
 
 <div class="error-div nes-container is-dark is-rounded" open>
     <p class="nes-text is-error title">Error</p>
     <div class="body">
-    {#each $errorStore as error}
-    <p>{error}</p>
-    {/each}
+        {#each $errorStore as error}
+            <p>{error}</p>
+        {/each}
     </div>
     <div class="button-bar">
         <button class="nes-btn is-error" on:click={close}>Close</button>
@@ -22,27 +21,27 @@ function close(): boolean {
 
 <style lang="scss">
     div.error-div {
-      pointer-events: auto;
-      margin-top: 10vh;
-      margin-right: auto;
-      margin-left: auto;
-      width: max-content;
-      max-width: 80vw;
+        pointer-events: auto;
+        margin-top: 10vh;
+        margin-right: auto;
+        margin-left: auto;
+        width: max-content;
+        max-width: 80vw;
 
-      .button-bar {
-        text-align: center;
-      }
-
-      .body {
-        max-height: 50vh;
-      }
-
-      p {
-        font-family: "Press Start 2P";
-
-        &.title {
-          text-align: center;
+        .button-bar {
+            text-align: center;
+        }
+
+        .body {
+            max-height: 50vh;
+        }
+
+        p {
+            font-family: "Press Start 2P";
+
+            &.title {
+                text-align: center;
+            }
         }
-      }
     }
 </style>