refactor: Apply beautifier on vue, ts, scss files

client/assets/scss/main.scss

@@ -1,25 +1,26 @@
 @import './materialdesignicons.min.css';
 
 @font-face {
-    font-family: MainFont;
-    src: url('../fonts/IBMPlexSans-Medium.ttf');
+  font-family: MainFont;
+  src: url('../fonts/IBMPlexSans-Medium.ttf');
 }
 
-html, body {
-    font-family: MainFont !important;
+html,
+body {
+  font-family: MainFont !important;
 }
 
-
 .handle {
-    cursor: move; /* fallback if grab cursor is unsupported */
-    cursor: grab;
-    cursor: -moz-grab;
-    cursor: -webkit-grab;
-  }
-
-  /* (Optional) Apply a "closed-hand" cursor during drag operation. */
-  .handle:active {
-    cursor: grabbing;
-    cursor: -moz-grabbing;
-    cursor: -webkit-grabbing;
-  }
+  cursor: move;
+  /* fallback if grab cursor is unsupported */
+  cursor: grab;
+  cursor: -moz-grab;
+  cursor: -webkit-grab;
+}
+
+/* (Optional) Apply a "closed-hand" cursor during drag operation. */
+.handle:active {
+  cursor: grabbing;
+  cursor: -moz-grabbing;
+  cursor: -webkit-grabbing;
+}

client/components/Module.vue

@@ -1,5 +1,8 @@
 r<template>
-  <div style="height: 100%; width: 100%" :key="scrapedModule.url">
+  <div
+    style="height: 100%; width: 100%"
+    :key="scrapedModule.url"
+  >
     <iframe
       style="height: 100%; width: 100%"
       :key="liveClassProxy.users[username].room"
@@ -14,6 +17,7 @@ r<template>
   </div>
 </template>
 
+
 <script>
 export default {
   name: "Module",