diff --git a/webapp/src/components/BootstrapAlert.vue b/webapp/src/components/BootstrapAlert.vue
index 465d6df..b6b447d 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 21b8578..9605858 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 df6003f..2e7d1ca 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 3dfbbf3..db2b583 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 7e24d8f..e41d8a9 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 d678150..3467213 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 712577a..28c6ef7 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 84ac170..c2ab2b4 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 3b65679..f5e2205 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 47a1548..73193a9 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 1672a30..0b4830c 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 fecd026..1fceb19 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 617d106..aa73621 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 4504bb6..132d63c 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 f60401c..45e216c 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 6688b61..2aae902 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 d05192d..fba40b2 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 bc46984..44b71ee 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 61fcef4..6451f4f 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 c3398c2..adc8a4d 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 e470768..0160ce2 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 d0f94b6..599c041 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 2beacf8..76d9473 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 7b07420..c5b37a7 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 744d153..86f85ce 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 302681d..ef533bf 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 ff35f2d..8844f19 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 e858405..ee8053f 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 a79591f..b17c3b3 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 1a08471..80d7f72 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 a1f85a1..1205282 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 fc08571..e18af39 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 625623c..35d9e16 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 db79aaf..6e65bfe 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 e18addd..94d7277 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: {