diff --git a/src/components/ShellView/CypherEditor.vue b/src/components/ShellView/CypherEditor.vue
index 9fc30d7..f046a9e 100644
--- a/src/components/ShellView/CypherEditor.vue
+++ b/src/components/ShellView/CypherEditor.vue
@@ -27,19 +27,10 @@
       class="shell-editor__tools_container"
       :style="{ width: toolbarWidth + 'px' }"
     >
-      <div
-        v-show="!isMaximized"
-        class="shell-editor__button"
-      >
-        <i
-          class="fa-lg fa-solid fa-times"
-          @click="removeCell"
-        />
+      <div v-show="!isMaximized" class="shell-editor__button">
+        <i class="fa-lg fa-solid fa-times" @click="removeCell" />
       </div>
-      <div
-        v-show="!isLoading"
-        class="shell-editor__button"
-      >
+      <div v-show="!isLoading" class="shell-editor__button">
         <i
           class="fa-lg fa-solid fa-play"
           data-bs-toggle="tooltip"
@@ -48,10 +39,7 @@
           @click="evaluateCell"
         />
       </div>
-      <div
-        v-show="!isLoading"
-        class="shell-editor__button"
-      >
+      <div v-show="!isLoading" class="shell-editor__button">
         <i
           :class="gptButtonClass"
           data-bs-toggle="tooltip"
@@ -60,10 +48,7 @@
           @click="toggleQueryGeneration"
         />
       </div>
-      <div
-        v-show="isMaximizable"
-        class="shell-editor__button"
-      >
+      <div v-show="isMaximizable" class="shell-editor__button">
         <i
           :class="maximizeButtonClass"
           data-bs-toggle="tooltip"
diff --git a/src/components/ShellView/ResultCode.vue b/src/components/ShellView/ResultCode.vue
index 745f9e0..7a89a5f 100644
--- a/src/components/ShellView/ResultCode.vue
+++ b/src/components/ShellView/ResultCode.vue
@@ -1,13 +1,6 @@
 <template>
-  <div
-    ref="wrapper"
-    class="result-code__wrapper"
-    :style="{ height: containerHeight }"
-  >
-    <div
-      ref="editor"
-      class="result-code__editor"
-    />
+  <div ref="wrapper" class="result-code__wrapper" :style="{ height: containerHeight }">
+    <div ref="editor" class="result-code__editor" />
   </div>
 </template>
 
diff --git a/src/components/ShellView/ResultContainer.vue b/src/components/ShellView/ResultContainer.vue
index 9eaf738..6578a15 100644
--- a/src/components/ShellView/ResultContainer.vue
+++ b/src/components/ShellView/ResultContainer.vue
@@ -14,7 +14,7 @@
         v-show="!isGraphEmpty"
         :class="
           `result-container__button` +
-            (showGraph ? ` result-container__button--active` : ``)
+          (showGraph ? ` result-container__button--active` : ``)
         "
       >
         <i
@@ -28,7 +28,7 @@
       <div
         :class="
           `result-container__button` +
-            (showTable ? ` result-container__button--active` : ``)
+          (showTable ? ` result-container__button--active` : ``)
         "
       >
         <i
@@ -42,7 +42,7 @@
       <div
         :class="
           `result-container__button` +
-            (showCode ? ` result-container__button--active` : ``)
+          (showCode ? ` result-container__button--active` : ``)
         "
       >
         <i
@@ -54,10 +54,7 @@
         />
       </div>
 
-      <div
-        v-show="showGraph"
-        class="result-container__tools_container--bottom"
-      >
+      <div v-show="showGraph" class="result-container__tools_container--bottom">
         <div class="result-container__button">
           <i
             class="fa-lg fa-solid fa-magnifying-glass-plus"
diff --git a/src/components/ShellView/ResultError.vue b/src/components/ShellView/ResultError.vue
index ea43637..0bba768 100644
--- a/src/components/ShellView/ResultError.vue
+++ b/src/components/ShellView/ResultError.vue
@@ -1,28 +1,17 @@
 <template>
-  <div
-    ref="wrapper"
-    class="result-error__wrapper"
-  >
-    <div
-      v-if="!isInfo"
-      class="alert alert-danger"
-      role="alert"
-    >
+  <div ref="wrapper" class="result-error__wrapper">
+    <div v-if="!isInfo" class="alert alert-danger" role="alert">
       <div>
         <i class="fa-solid fa-circle-exclamation" />
         The evaluation of this cell failed with the following error:
-        <br>
+        <br />
         <b>
           {{ errorMessage }}
         </b>
       </div>
     </div>
 
-    <div
-      v-if="isInfo"
-      class="alert alert-info"
-      role="alert"
-    >
+    <div v-if="isInfo" class="alert alert-info" role="alert">
       <div>
         <i class="fa-solid fa-circle-info" />
         {{ errorMessage }}
diff --git a/src/components/ShellView/ResultGraph.vue b/src/components/ShellView/ResultGraph.vue
index 5134aba..4f96549 100644
--- a/src/components/ShellView/ResultGraph.vue
+++ b/src/components/ShellView/ResultGraph.vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    ref="wrapper"
-    class="result-graph__wrapper"
-  >
+  <div ref="wrapper" class="result-graph__wrapper">
     <div
       ref="graph"
       class="result_container__graph"
@@ -23,12 +20,8 @@
         />
       </div>
     </div>
-    <div
-      v-show="isSidePanelOpen"
-      ref="sidePanel"
-      class="result-container__side-panel"
-    >
-      <br>
+    <div v-show="isSidePanelOpen" ref="sidePanel" class="result-container__side-panel">
+      <br />
       <div v-if="displayLabel">
         <div class="result-container__summary-section">
           <h5>{{ sidePanelPropertyTitlePrefix }} Properties</h5>
@@ -47,20 +40,15 @@
             color: `${getTextColor(displayLabel)} !important`,
           }"
         >
-          {{ displayLabel }}</span>
-        <hr>
+          {{ displayLabel }}</span
+        >
+        <hr />
         <table class="table table-sm table-bordered result-container__result-table">
           <tbody>
-            <tr
-              v-for="property in displayProperties"
-              :key="property.name"
-            >
+            <tr v-for="property in displayProperties" :key="property.name">
               <th scope="row">
                 {{ property.name }}
-                <span
-                  v-if="property.isPrimaryKey"
-                  class="badge bg-primary"
-                >PK</span>
+                <span v-if="property.isPrimaryKey" class="badge bg-primary">PK</span>
               </th>
               <td>{{ property.value }}</td>
             </tr>
@@ -74,7 +62,8 @@
             <p>
               Showing
               <span v-if="numHiddenNodes > 0">
-                {{ counters.total.node - numHiddenNodes }}/</span>{{ counters.total.node }} nodes
+                {{ counters.total.node - numHiddenNodes }}/</span
+              >{{ counters.total.node }} nodes
               <span v-if="numHiddenNodes > 0"> ({{ numHiddenNodes }} hidden) </span>
             </p>
             <button
@@ -86,40 +75,36 @@
               Show All
             </button>
           </div>
-          <hr>
+          <hr />
           <table class="table table-sm table-bordered result-container__overview-table">
             <tbody>
-              <tr
-                v-for="label in Object.keys(counters.node)"
-                :key="label"
-              >
+              <tr v-for="label in Object.keys(counters.node)" :key="label">
                 <th scope="row">
                   <span
                     class="badge bg-primary"
                     :style="{ backgroundColor: ` ${getColor(label)} !important` }"
-                  >{{ label }}</span>
+                    >{{ label }}</span
+                  >
                 </th>
                 <td>{{ counters.node[label] }}</td>
               </tr>
             </tbody>
           </table>
-          <br>
+          <br />
         </div>
 
         <div v-if="counters.total.rel > 0">
           <p>
             Showing
             <span v-if="numHiddenRels > 0">
-              {{ counters.total.rel - numHiddenRels }}/</span>{{ counters.total.rel }} rels
+              {{ counters.total.rel - numHiddenRels }}/</span
+            >{{ counters.total.rel }} rels
             <span v-if="numHiddenRels > 0"> ({{ numHiddenRels }} hidden) </span>
           </p>
-          <hr>
+          <hr />
           <table class="table table-sm table-bordered result-container__overview-table">
             <tbody>
-              <tr
-                v-for="label in Object.keys(counters.rel)"
-                :key="label"
-              >
+              <tr v-for="label in Object.keys(counters.rel)" :key="label">
                 <th scope="row">
                   <span
                     class="badge bg-primary"
diff --git a/src/components/ShellView/ResultTable.vue b/src/components/ShellView/ResultTable.vue
index 0cc973d..360f333 100644
--- a/src/components/ShellView/ResultTable.vue
+++ b/src/components/ShellView/ResultTable.vue
@@ -3,18 +3,11 @@
     class="result-table__wrapper"
     :style="{ height: containerHeight, width: tableWidth + 'px' }"
   >
-    <div
-      v-if="totalPages > 1"
-      class="result-table__pagination__wrapper"
-    >
+    <div v-if="totalPages > 1" class="result-table__pagination__wrapper">
       <nav>
         <ul class="pagination">
           <li :class="['page-item', { disabled: isPrevDisabled }]">
-            <a
-              class="page-link"
-              href="#"
-              @click="page -= 1"
-            >
+            <a class="page-link" href="#" @click="page -= 1">
               <span aria-hidden="true">&laquo;</span>
             </a>
           </li>
@@ -23,25 +16,13 @@
             :key="currPage"
             :class="['page-item', { active: currPage === page }]"
           >
-            <a
-              v-if="currPage > 0"
-              class="page-link"
-              href="#"
-              @click="page = currPage"
-            >
+            <a v-if="currPage > 0" class="page-link" href="#" @click="page = currPage">
               {{ currPage }}
             </a>
-            <span
-              v-else
-              class="page-link"
-            >...</span>
+            <span v-else class="page-link">...</span>
           </li>
           <li :class="['page-item', { disabled: isNextDisabled }]">
-            <a
-              class="page-link"
-              href="#"
-              @click="page += 1"
-            >
+            <a class="page-link" href="#" @click="page += 1">
               <span aria-hidden="true">&raquo;</span>
             </a>
           </li>
@@ -53,33 +34,17 @@
       <table class="table table-hover">
         <thead class="fixed-top">
           <tr>
-            <th
-              v-for="header in tableHeaders"
-              :key="header.text"
-            >
+            <th v-for="header in tableHeaders" :key="header.text">
               {{ header.text }}
               <span class="badge bg-primary">{{ header.type }}</span>
             </th>
           </tr>
         </thead>
         <tbody>
-          <tr
-            v-for="(row, i) in rows"
-            :key="i"
-          >
-            <td
-              v-for="(cell, j) in row"
-              :key="j"
-            >
-              <ul
-                v-if="Array.isArray(cell)"
-                class="list-group"
-              >
-                <li
-                  v-for="(item, k) in cell"
-                  :key="k"
-                  class="list-group-item"
-                >
+          <tr v-for="(row, i) in rows" :key="i">
+            <td v-for="(cell, j) in row" :key="j">
+              <ul v-if="Array.isArray(cell)" class="list-group">
+                <li v-for="(item, k) in cell" :key="k" class="list-group-item">
                   <b>{{ item.name }}:</b> {{ item.value }}
                 </li>
               </ul>
@@ -87,20 +52,10 @@
                 v-else-if="isColumnRecursiveRel(j)"
                 class="result-table__recursive-rel__wrapper"
               >
-                <div
-                  v-for="(subcolumn, subcolumnId) in cell"
-                  :key="subcolumnId"
-                >
-                  <div
-                    v-for="(item, k) in subcolumn"
-                    :key="k"
-                  >
+                <div v-for="(subcolumn, subcolumnId) in cell" :key="subcolumnId">
+                  <div v-for="(item, k) in subcolumn" :key="k">
                     <ul class="list-group">
-                      <li
-                        v-for="(field, m) in item"
-                        :key="m"
-                        class="list-group-item"
-                      >
+                      <li v-for="(field, m) in item" :key="m" class="list-group-item">
                         <b>{{ m === 0 ? field.value : field.name + ":" }}</b>
                         <span v-if="m > 0">{{ field.value }}</span>
                       </li>
diff --git a/src/components/ShellView/ShellCell.vue b/src/components/ShellView/ShellCell.vue
index 1ab11e0..3f51ead 100644
--- a/src/components/ShellView/ShellCell.vue
+++ b/src/components/ShellView/ShellCell.vue
@@ -19,10 +19,7 @@
       :is-maximized="isMaximized"
       :navbar-height="navbarHeight"
     />
-    <div
-      v-if="isLoading"
-      class="d-flex align-items-center"
-    >
+    <div v-if="isLoading" class="d-flex align-items-center">
       <strong class="text-secondary">{{
         loadingText ? loadingText : "Loading..."
       }}</strong>
@@ -82,7 +79,7 @@ export default {
   },
 
   methods: {
-    isActive(){
+    isActive() {
       return this.$refs.editor.isActive();
     },
     evaluateCypher(query) {
diff --git a/src/components/ShellView/ShellMainView.vue b/src/components/ShellView/ShellMainView.vue
index c683a81..5a1bf00 100644
--- a/src/components/ShellView/ShellMainView.vue
+++ b/src/components/ShellView/ShellMainView.vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    class="shell-main-view__wrapper"
-    :style="{ height: `${containerHeight}px` }"
-  >
+  <div class="shell-main-view__wrapper" :style="{ height: `${containerHeight}px` }">
     <ShellCell
       v-for="(cell, index) in shellCell"
       v-show="index === maximizedCellIndex || maximizedCellIndex < 0"
@@ -57,12 +54,12 @@ export default {
       this.updateContainerHeight();
     });
     window.addEventListener("resize", this.updateContainerHeight);
-    document.addEventListener("keydown",this.handleKeyDown);
+    document.addEventListener("keydown", this.handleKeyDown);
   },
 
   beforeUnmount() {
     window.removeEventListener("resize", this.updateContainerHeight);
-    document.removeEventListener("keydown",this.handleKeyDown);
+    document.removeEventListener("keydown", this.handleKeyDown);
   },
 
   methods: {
@@ -110,16 +107,16 @@ export default {
       }
     },
     evaluateCurrentCell() {
-      for(let i = 0; i < this.shellCell.length; ++i) {
+      for (let i = 0; i < this.shellCell.length; ++i) {
         const currentCell = this.$refs[this.getCellRef(i)][0];
-        if(currentCell.isActive()) {
+        if (currentCell.isActive()) {
           return currentCell.evaluateCell();
         }
       }
-      try{
-      const currentCell = this.$refs[this.getCellRef(0)][0];
-      return currentCell.evaluateCell();
-      }catch(e){
+      try {
+        const currentCell = this.$refs[this.getCellRef(0)][0];
+        return currentCell.evaluateCell();
+      } catch (e) {
         // Do nothing, there is no cell to evaluate
       }
     },