diff --git a/webapp/src/components/BootstrapAlert.vue b/webapp/src/components/BootstrapAlert.vue
index 465d6df1..b6b447d1 100644
--- a/webapp/src/components/BootstrapAlert.vue
+++ b/webapp/src/components/BootstrapAlert.vue
@@ -7,8 +7,8 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onBeforeUnmount, ref, watch } from "vue";
 import Alert from "bootstrap/js/dist/alert";
+import { computed, defineComponent, onBeforeUnmount, ref, watch } from "vue";
 
 export const toInteger = (value: number, defaultValue = NaN) => {
     return Number.isInteger(value) ? value : defaultValue;
diff --git a/webapp/src/components/CardElement.vue b/webapp/src/components/CardElement.vue
index 21b85784..9605858c 100644
--- a/webapp/src/components/CardElement.vue
+++ b/webapp/src/components/CardElement.vue
@@ -8,7 +8,8 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue';
+import { defineComponent } from 'vue';
+
 export default defineComponent({
     props: {
         'text': String,
diff --git a/webapp/src/components/DevInfo.vue b/webapp/src/components/DevInfo.vue
index df6003f2..2e7d1cab 100644
--- a/webapp/src/components/DevInfo.vue
+++ b/webapp/src/components/DevInfo.vue
@@ -40,10 +40,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
-import { BIconInfoSquare } from 'bootstrap-icons-vue';
 import BootstrapAlert from '@/components/BootstrapAlert.vue';
 import type { DevInfoStatus } from "@/types/DevInfoStatus";
+import { BIconInfoSquare } from 'bootstrap-icons-vue';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/components/EventLog.vue b/webapp/src/components/EventLog.vue
index 3dfbbf3f..db2b5838 100644
--- a/webapp/src/components/EventLog.vue
+++ b/webapp/src/components/EventLog.vue
@@ -20,9 +20,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
-import { timestampToString } from '@/utils';
 import type { EventlogItems } from '@/types/EventlogStatus';
+import { timestampToString } from '@/utils';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     props: {
diff --git a/webapp/src/components/FirmwareInfo.vue b/webapp/src/components/FirmwareInfo.vue
index 7e24d8ff..e41d8a96 100644
--- a/webapp/src/components/FirmwareInfo.vue
+++ b/webapp/src/components/FirmwareInfo.vue
@@ -54,10 +54,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
+import CardElement from '@/components/CardElement.vue';
 import type { SystemStatus } from '@/types/SystemStatus';
 import { timestampToString } from '@/utils';
-import CardElement from '@/components/CardElement.vue';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/components/HardwareInfo.vue b/webapp/src/components/HardwareInfo.vue
index d678150f..34672132 100644
--- a/webapp/src/components/HardwareInfo.vue
+++ b/webapp/src/components/HardwareInfo.vue
@@ -26,9 +26,9 @@
 </template>
 
 <script lang="ts">
+import CardElement from '@/components/CardElement.vue';
 import type { SystemStatus } from '@/types/SystemStatus';
 import { defineComponent, type PropType } from 'vue';
-import CardElement from '@/components/CardElement.vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/components/HintView.vue b/webapp/src/components/HintView.vue
index 712577a9..28c6ef72 100644
--- a/webapp/src/components/HintView.vue
+++ b/webapp/src/components/HintView.vue
@@ -15,14 +15,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
-import type { Hints } from '@/types/LiveDataStatus';
 import BootstrapAlert from '@/components/BootstrapAlert.vue';
+import type { Hints } from '@/types/LiveDataStatus';
 import {
-    BIconClock,
-    BIconExclamationCircle,
     BIconBroadcast,
+    BIconClock,
+    BIconExclamationCircle
 } from 'bootstrap-icons-vue';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/components/InputElement.vue b/webapp/src/components/InputElement.vue
index 84ac1704..c2ab2b43 100644
--- a/webapp/src/components/InputElement.vue
+++ b/webapp/src/components/InputElement.vue
@@ -54,8 +54,9 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from 'vue';
-import {BIconInfoCircle} from 'bootstrap-icons-vue';
+import { BIconInfoCircle } from 'bootstrap-icons-vue';
+import { defineComponent } from 'vue';
+
 export default defineComponent({
     components: {
         BIconInfoCircle,
diff --git a/webapp/src/components/InterfaceApInfo.vue b/webapp/src/components/InterfaceApInfo.vue
index 3b656790..f5e22054 100644
--- a/webapp/src/components/InterfaceApInfo.vue
+++ b/webapp/src/components/InterfaceApInfo.vue
@@ -18,9 +18,9 @@
 </template>
 
 <script lang="ts">
+import CardElement from '@/components/CardElement.vue';
 import type { NetworkStatus } from '@/types/NetworkStatus';
 import { defineComponent, type PropType } from 'vue';
-import CardElement from '@/components/CardElement.vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/components/InterfaceNetworkInfo.vue b/webapp/src/components/InterfaceNetworkInfo.vue
index 47a15484..73193a98 100644
--- a/webapp/src/components/InterfaceNetworkInfo.vue
+++ b/webapp/src/components/InterfaceNetworkInfo.vue
@@ -40,9 +40,9 @@
 </template>
 
 <script lang="ts">
+import CardElement from '@/components/CardElement.vue';
 import type { NetworkStatus } from '@/types/NetworkStatus';
 import { defineComponent, type PropType } from 'vue';
-import CardElement from '@/components/CardElement.vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/components/InverterChannelInfo.vue b/webapp/src/components/InverterChannelInfo.vue
index 1672a30c..0b4830c9 100644
--- a/webapp/src/components/InverterChannelInfo.vue
+++ b/webapp/src/components/InverterChannelInfo.vue
@@ -30,9 +30,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
 import type { InverterStatistics } from '@/types/LiveDataStatus';
 import { formatNumber } from '@/utils';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     props: {
diff --git a/webapp/src/components/InverterTotalInfo.vue b/webapp/src/components/InverterTotalInfo.vue
index fecd026a..1fceb19d 100644
--- a/webapp/src/components/InverterTotalInfo.vue
+++ b/webapp/src/components/InverterTotalInfo.vue
@@ -34,9 +34,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
 import type { Total } from '@/types/LiveDataStatus';
 import { formatNumber } from '@/utils';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     props: {
diff --git a/webapp/src/components/LimitSettingsCurrent.vue b/webapp/src/components/LimitSettingsCurrent.vue
index 617d106c..aa73621a 100644
--- a/webapp/src/components/LimitSettingsCurrent.vue
+++ b/webapp/src/components/LimitSettingsCurrent.vue
@@ -10,8 +10,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import { formatNumber } from '@/utils';
+import { defineComponent } from 'vue';
 
 declare interface LimitData {
     limit: number;
diff --git a/webapp/src/components/MemoryInfo.vue b/webapp/src/components/MemoryInfo.vue
index 4504bb60..132d63ca 100644
--- a/webapp/src/components/MemoryInfo.vue
+++ b/webapp/src/components/MemoryInfo.vue
@@ -25,10 +25,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
-import type { SystemStatus } from '@/types/SystemStatus';
 import CardElement from '@/components/CardElement.vue';
 import FsInfo from "@/components/FsInfo.vue";
+import type { SystemStatus } from '@/types/SystemStatus';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/components/NavBar.vue b/webapp/src/components/NavBar.vue
index f60401cf..45e216c3 100644
--- a/webapp/src/components/NavBar.vue
+++ b/webapp/src/components/NavBar.vue
@@ -102,9 +102,9 @@
 </template>
 
 <script lang="ts">
+import { isLoggedIn, logout } from '@/utils/authentication';
+import { BIconEgg, BIconSun, BIconTree } from 'bootstrap-icons-vue';
 import { defineComponent } from 'vue';
-import { logout, isLoggedIn } from '@/utils/authentication';
-import { BIconSun, BIconTree, BIconEgg } from 'bootstrap-icons-vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/components/RadioInfo.vue b/webapp/src/components/RadioInfo.vue
index 6688b610..2aae902b 100644
--- a/webapp/src/components/RadioInfo.vue
+++ b/webapp/src/components/RadioInfo.vue
@@ -34,9 +34,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, type PropType } from 'vue';
-import type { SystemStatus } from '@/types/SystemStatus';
 import CardElement from '@/components/CardElement.vue';
+import type { SystemStatus } from '@/types/SystemStatus';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/components/WifiApInfo.vue b/webapp/src/components/WifiApInfo.vue
index d05192d1..fba40b2a 100644
--- a/webapp/src/components/WifiApInfo.vue
+++ b/webapp/src/components/WifiApInfo.vue
@@ -28,9 +28,9 @@
 </template>
 
 <script lang="ts">
+import CardElement from '@/components/CardElement.vue';
 import type { NetworkStatus } from '@/types/NetworkStatus';
 import { defineComponent, type PropType } from 'vue';
-import CardElement from '@/components/CardElement.vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/components/WifiStationInfo.vue b/webapp/src/components/WifiStationInfo.vue
index bc469844..44b71ee5 100644
--- a/webapp/src/components/WifiStationInfo.vue
+++ b/webapp/src/components/WifiStationInfo.vue
@@ -32,9 +32,9 @@
 </template>
 
 <script lang="ts">
+import CardElement from '@/components/CardElement.vue';
 import type { NetworkStatus } from '@/types/NetworkStatus';
 import { defineComponent, type PropType } from 'vue';
-import CardElement from '@/components/CardElement.vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/AboutView.vue b/webapp/src/views/AboutView.vue
index 61fcef41..6451f4fa 100644
--- a/webapp/src/views/AboutView.vue
+++ b/webapp/src/views/AboutView.vue
@@ -70,14 +70,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import {
-    BIconInfoCircle,
     BIconActivity,
     BIconBug,
-    BIconChat
+    BIconChat,
+    BIconInfoCircle
 } from 'bootstrap-icons-vue';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/ConfigAdminView.vue b/webapp/src/views/ConfigAdminView.vue
index c3398c27..adc8a4db 100644
--- a/webapp/src/views/ConfigAdminView.vue
+++ b/webapp/src/views/ConfigAdminView.vue
@@ -86,17 +86,17 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
-import {
-    BIconExclamationCircleFill,
-    BIconArrowLeft,
-    BIconCheckCircle
-} from 'bootstrap-icons-vue';
-import * as bootstrap from 'bootstrap';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader, isLoggedIn } from '@/utils/authentication';
+import { authHeader, handleResponse, isLoggedIn } from '@/utils/authentication';
+import * as bootstrap from 'bootstrap';
+import {
+    BIconArrowLeft,
+    BIconCheckCircle,
+    BIconExclamationCircleFill
+} from 'bootstrap-icons-vue';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/ConsoleInfoView.vue b/webapp/src/views/ConsoleInfoView.vue
index e4707686..0160ce27 100644
--- a/webapp/src/views/ConsoleInfoView.vue
+++ b/webapp/src/views/ConsoleInfoView.vue
@@ -26,10 +26,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import CardElement from '@/components/CardElement.vue';
 import { authUrl } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/DtuAdminView.vue b/webapp/src/views/DtuAdminView.vue
index d0f94b6f..599c041e 100644
--- a/webapp/src/views/DtuAdminView.vue
+++ b/webapp/src/views/DtuAdminView.vue
@@ -36,16 +36,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
-import InputElement from '@/components/InputElement.vue';
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
+import InputElement from '@/components/InputElement.vue';
 import type { DtuConfig } from "@/types/DtuConfig";
-import {
-    BIconInfoCircle,
-} from 'bootstrap-icons-vue';
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { BIconInfoCircle } from 'bootstrap-icons-vue';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/FirmwareUpgradeView.vue b/webapp/src/views/FirmwareUpgradeView.vue
index 2beacf80..76d9473b 100644
--- a/webapp/src/views/FirmwareUpgradeView.vue
+++ b/webapp/src/views/FirmwareUpgradeView.vue
@@ -65,17 +65,17 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import CardElement from '@/components/CardElement.vue';
-import SparkMD5 from "spark-md5";
+import { authHeader, isLoggedIn } from '@/utils/authentication';
 import {
-    BIconExclamationCircleFill,
     BIconArrowLeft,
     BIconArrowRepeat,
-    BIconCheckCircle
+    BIconCheckCircle,
+    BIconExclamationCircleFill
 } from 'bootstrap-icons-vue';
-import { authHeader, isLoggedIn } from '@/utils/authentication';
+import SparkMD5 from "spark-md5";
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/HomeView.vue b/webapp/src/views/HomeView.vue
index 7b074204..c5b37a7b 100644
--- a/webapp/src/views/HomeView.vue
+++ b/webapp/src/views/HomeView.vue
@@ -308,34 +308,34 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
-import * as bootstrap from 'bootstrap';
-import {
-    BIconXCircleFill,
-    BIconExclamationCircleFill,
-    BIconCheckCircleFill,
-    BIconSpeedometer,
-    BIconPower,
-    BIconCpu,
-    BIconJournalText,
-    BIconToggleOn,
-    BIconToggleOff,
-    BIconArrowCounterclockwise
-} from 'bootstrap-icons-vue';
-import EventLog from '@/components/EventLog.vue';
-import DevInfo from '@/components/DevInfo.vue';
 import BootstrapAlert from '@/components/BootstrapAlert.vue';
+import DevInfo from '@/components/DevInfo.vue';
+import EventLog from '@/components/EventLog.vue';
+import HintView from '@/components/HintView.vue';
 import InverterChannelInfo from "@/components/InverterChannelInfo.vue";
 import InverterTotalInfo from '@/components/InverterTotalInfo.vue';
-import HintView from '@/components/HintView.vue';
 import type { DevInfoStatus } from '@/types/DevInfoStatus';
 import type { EventlogItems } from '@/types/EventlogStatus';
-import type { LiveData, Inverter } from '@/types/LiveDataStatus';
-import type { LimitStatus } from '@/types/LimitStatus';
 import type { LimitConfig } from '@/types/LimitConfig';
-import { isLoggedIn, handleResponse, authHeader, authUrl } from '@/utils/authentication';
+import type { LimitStatus } from '@/types/LimitStatus';
+import type { Inverter, LiveData } from '@/types/LiveDataStatus';
 import { formatNumber } from '@/utils';
+import { authHeader, authUrl, handleResponse, isLoggedIn } from '@/utils/authentication';
+import * as bootstrap from 'bootstrap';
+import {
+    BIconArrowCounterclockwise,
+    BIconCheckCircleFill,
+    BIconCpu,
+    BIconExclamationCircleFill,
+    BIconJournalText,
+    BIconPower,
+    BIconSpeedometer,
+    BIconToggleOff,
+    BIconToggleOn,
+    BIconXCircleFill
+} from 'bootstrap-icons-vue';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/InverterAdminView.vue b/webapp/src/views/InverterAdminView.vue
index 744d1535..86f85ceb 100644
--- a/webapp/src/views/InverterAdminView.vue
+++ b/webapp/src/views/InverterAdminView.vue
@@ -148,17 +148,17 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
-import {
-    BIconTrash,
-    BIconPencil,
-    BIconInfoCircle,
-} from 'bootstrap-icons-vue';
-import * as bootstrap from 'bootstrap';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
+import { authHeader, handleResponse } from '@/utils/authentication';
+import * as bootstrap from 'bootstrap';
+import {
+    BIconInfoCircle,
+    BIconPencil,
+    BIconTrash
+} from 'bootstrap-icons-vue';
+import { defineComponent } from 'vue';
 
 declare interface Channel {
     name: string;
diff --git a/webapp/src/views/LoginView.vue b/webapp/src/views/LoginView.vue
index 302681d0..ef533bff 100644
--- a/webapp/src/views/LoginView.vue
+++ b/webapp/src/views/LoginView.vue
@@ -29,12 +29,12 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
+import BasePage from '@/components/BasePage.vue';
+import BootstrapAlert from "@/components/BootstrapAlert.vue";
+import CardElement from '@/components/CardElement.vue';
 import router from '@/router';
 import { login } from '@/utils';
-import BasePage from '@/components/BasePage.vue';
-import CardElement from '@/components/CardElement.vue';
-import BootstrapAlert from "@/components/BootstrapAlert.vue";
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/MaintenanceRebootView.vue b/webapp/src/views/MaintenanceRebootView.vue
index ff35f2d8..8844f19f 100644
--- a/webapp/src/views/MaintenanceRebootView.vue
+++ b/webapp/src/views/MaintenanceRebootView.vue
@@ -34,12 +34,12 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-import * as bootstrap from 'bootstrap';
 import BasePage from '@/components/BasePage.vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader, isLoggedIn } from '@/utils/authentication';
+import { authHeader, handleResponse, isLoggedIn } from '@/utils/authentication';
+import * as bootstrap from 'bootstrap';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/MqttAdminView.vue b/webapp/src/views/MqttAdminView.vue
index e8584052..ee8053f2 100644
--- a/webapp/src/views/MqttAdminView.vue
+++ b/webapp/src/views/MqttAdminView.vue
@@ -108,13 +108,13 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
-import InputElement from '@/components/InputElement.vue';
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
+import InputElement from '@/components/InputElement.vue';
 import type { MqttConfig } from "@/types/MqttConfig";
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/MqttInfoView.vue b/webapp/src/views/MqttInfoView.vue
index a79591f4..b17c3b38 100644
--- a/webapp/src/views/MqttInfoView.vue
+++ b/webapp/src/views/MqttInfoView.vue
@@ -139,11 +139,11 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
 import BasePage from '@/components/BasePage.vue';
 import CardElement from '@/components/CardElement.vue';
 import type { MqttStatus } from '@/types/MqttStatus';
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/NetworkAdminView.vue b/webapp/src/views/NetworkAdminView.vue
index 1a08471c..80d7f729 100644
--- a/webapp/src/views/NetworkAdminView.vue
+++ b/webapp/src/views/NetworkAdminView.vue
@@ -56,13 +56,13 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
-import InputElement from '@/components/InputElement.vue';
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
+import InputElement from '@/components/InputElement.vue';
 import type { NetworkConfig } from "@/types/NetworkkConfig";
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/NetworkInfoView.vue b/webapp/src/views/NetworkInfoView.vue
index a1f85a1b..12052820 100644
--- a/webapp/src/views/NetworkInfoView.vue
+++ b/webapp/src/views/NetworkInfoView.vue
@@ -12,14 +12,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
 import BasePage from '@/components/BasePage.vue';
-import WifiStationInfo from "@/components/WifiStationInfo.vue";
-import WifiApInfo from "@/components/WifiApInfo.vue";
-import InterfaceNetworkInfo from "@/components/InterfaceNetworkInfo.vue";
 import InterfaceApInfo from "@/components/InterfaceApInfo.vue";
+import InterfaceNetworkInfo from "@/components/InterfaceNetworkInfo.vue";
+import WifiApInfo from "@/components/WifiApInfo.vue";
+import WifiStationInfo from "@/components/WifiStationInfo.vue";
 import type { NetworkStatus } from '@/types/NetworkStatus';
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/NtpAdminView.vue b/webapp/src/views/NtpAdminView.vue
index fc085712..e18af399 100644
--- a/webapp/src/views/NtpAdminView.vue
+++ b/webapp/src/views/NtpAdminView.vue
@@ -50,13 +50,13 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
-import InputElement from '@/components/InputElement.vue';
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
+import InputElement from '@/components/InputElement.vue';
 import type { NtpConfig } from "@/types/NtpConfig";
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/NtpInfoView.vue b/webapp/src/views/NtpInfoView.vue
index 625623cf..35d9e168 100644
--- a/webapp/src/views/NtpInfoView.vue
+++ b/webapp/src/views/NtpInfoView.vue
@@ -47,11 +47,11 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
 import BasePage from '@/components/BasePage.vue';
 import CardElement from '@/components/CardElement.vue';
 import type { NtpStatus } from "@/types/NtpStatus";
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/SecurityAdminView.vue b/webapp/src/views/SecurityAdminView.vue
index db79aaf4..6e65bfeb 100644
--- a/webapp/src/views/SecurityAdminView.vue
+++ b/webapp/src/views/SecurityAdminView.vue
@@ -29,13 +29,13 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
-import InputElement from '@/components/InputElement.vue';
 import CardElement from '@/components/CardElement.vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
+import InputElement from '@/components/InputElement.vue';
 import type { SecurityConfig } from '@/types/SecurityConfig';
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {
diff --git a/webapp/src/views/SystemInfoView.vue b/webapp/src/views/SystemInfoView.vue
index e18adddc..94d72774 100644
--- a/webapp/src/views/SystemInfoView.vue
+++ b/webapp/src/views/SystemInfoView.vue
@@ -12,14 +12,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-import { handleResponse, authHeader } from '@/utils/authentication';
 import BasePage from '@/components/BasePage.vue';
-import HardwareInfo from "@/components/HardwareInfo.vue";
 import FirmwareInfo from "@/components/FirmwareInfo.vue";
+import HardwareInfo from "@/components/HardwareInfo.vue";
 import MemoryInfo from "@/components/MemoryInfo.vue";
 import RadioInfo from "@/components/RadioInfo.vue";
 import type { SystemStatus } from '@/types/SystemStatus';
+import { authHeader, handleResponse } from '@/utils/authentication';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
     components: {