auto formatting using 'npm run format'

interface/src/api/system.ts

@@ -38,4 +38,3 @@ export function updateLogSettings(logSettings: LogSettings): AxiosPromise<LogSet
 export function readLogEntries(): AxiosPromise<LogEntries> {
   return AXIOS_BIN.get('/fetchLog');
 }
-

interface/src/framework/ntp/NetworkTime.tsx

@@ -13,7 +13,7 @@ import { useI18nContext } from '../../i18n/i18n-react';
 
 const NetworkTime: FC = () => {
   const { LL } = useI18nContext();
-  useLayoutTitle("NTP");
+  useLayoutTitle('NTP');
 
   const authenticatedContext = useContext(AuthenticatedContext);
   const { routerTab } = useRouterTab();

interface/src/framework/security/SecuritySettingsForm.tsx

@@ -46,18 +46,14 @@ const SecuritySettingsForm: FC = () => {
         <ValidatedPasswordField
           fieldErrors={fieldErrors}
           name="jwt_secret"
-          label={"su " + LL.PASSWORD()}
+          label={'su ' + LL.PASSWORD()}
           fullWidth
           variant="outlined"
           value={data.jwt_secret}
           onChange={updateFormValue}
           margin="normal"
         />
-        <MessageBox
+        <MessageBox level="info" message={LL.SU_TEXT()} mt={1} />
-          level="info"
-          message={LL.SU_TEXT()}
-          mt={1}
-        />
         <ButtonRow>
           <Button
             startIcon={<SaveIcon />}
@@ -75,7 +71,7 @@ const SecuritySettingsForm: FC = () => {
   };
 
   return (
-    <SectionContent title={LL.SECURITY() + " " + LL.SETTINGS()} titleGutter>
+    <SectionContent title={LL.SECURITY() + ' ' + LL.SETTINGS()} titleGutter>
       {content()}
     </SectionContent>
   );

interface/src/framework/system/System.tsx

@@ -15,7 +15,6 @@ import SystemLog from './SystemLog';
 import { useI18nContext } from '../../i18n/i18n-react';
 
 const System: FC = () => {
-
   const { LL } = useI18nContext();
 
   useLayoutTitle(LL.SYSTEM());
@@ -30,7 +29,7 @@ const System: FC = () => {
         <Tab value="status" label={LL.SYSTEM() + ' ' + LL.STATUS()} />
         <Tab value="log" label={LL.SYSTEM() + ' ' + LL.LOG()} />
 
-        {features.ota && <Tab value="ota" label={"OTA " + LL.SETTINGS()} disabled={!me.admin} />}
+        {features.ota && <Tab value="ota" label={'OTA ' + LL.SETTINGS()} disabled={!me.admin} />}
         {features.upload_firmware && <Tab value="upload" label={LL.UPLOAD_DOWNLOAD()} disabled={!me.admin} />}
       </RouterTabs>
       <Routes>

interface/src/framework/system/SystemStatusForm.tsx

@@ -143,7 +143,8 @@ const SystemStatusForm: FC = () => {
 
           {latestDevVersion && (
             <Box mt={2} mb={2}>
-              {LL.THE_LATEST()}&nbsp;<u>development</u>&nbsp;{LL.VERSION_IS()}&nbsp;<b>{latestDevVersion.version}</b>&nbsp;(
+              {LL.THE_LATEST()}&nbsp;<u>development</u>&nbsp;{LL.VERSION_IS()}&nbsp;<b>{latestDevVersion.version}</b>
+              &nbsp;(
               <Link target="_blank" href={latestDevVersion.changelog} color="primary">
                 {'release notes'}
               </Link>

interface/src/i18n/en/index.ts

@@ -153,9 +153,10 @@ const en: BaseTranslation = {
   HELP_INFORMATION_1: 'Visit the online wiki to get instructions on how to configure EMS-ESP',
   HELP_INFORMATION_2: 'For live community chat join our Discord server',
   HELP_INFORMATION_3: 'To request a feature or report a bug',
-  HELP_INFORMATION_4: 'remember to download and attach your system information for a faster response when reporting an issue',
+  HELP_INFORMATION_4:
+    'remember to download and attach your system information for a faster response when reporting an issue',
   HELP_INFORMATION_5:
-    "EMS-ESP is a free and open-source project. Please support its future development by giving it a star on Github!",
+    'EMS-ESP is a free and open-source project. Please support its future development by giving it a star on Github!',
   SUPPORT_INFO: 'Support Info',
   UPLOAD: 'Upload',
   DOWNLOAD: 'Download',

interface/src/project/Help.tsx

@@ -18,7 +18,7 @@ const Help: FC = () => {
   return (
     <>
       <RouterTabs value={routerTab}>
-        <Tab value="information" label={"EMS-ESP " + LL.HELP()} />
+        <Tab value="information" label={'EMS-ESP ' + LL.HELP()} />
       </RouterTabs>
       <Routes>
         <Route path="information" element={<HelpInformation />} />

interface/src/project/SettingsApplication.tsx

@@ -347,8 +347,12 @@ const SettingsApplication: FC = () => {
             <MenuItem value="de">Deutsch (DE)</MenuItem>
             <MenuItem value="nl">Nederlands (NL)</MenuItem>
             <MenuItem value="se">Svenska (SE)</MenuItem>
-            <MenuItem disabled value="pl">Polski (PL)</MenuItem>
+            <MenuItem disabled value="pl">
-            <MenuItem disabled value="no">Norsk (NO)</MenuItem>
+              Polski (PL)
+            </MenuItem>
+            <MenuItem disabled value="no">
+              Norsk (NO)
+            </MenuItem>
           </ValidatedTextField>
         </Box>
         {data.led_gpio !== 0 && (

interface/src/validators/authentication.ts

@@ -2,9 +2,9 @@ import Schema from 'async-validator';
 
 export const SIGN_IN_REQUEST_VALIDATOR = new Schema({
   username: {
-    required: true,
+    required: true
   },
   password: {
-    required: true,
+    required: true
   }
 });