add app version in settings page

src/main/ipcs/os-controls-ipcs.ts

@@ -1,4 +1,4 @@
-import { ipcMain, shell, dialog } from 'electron';
+import { ipcMain, shell, dialog, app } from 'electron';
 import { UtilsService } from '../services/utils.service';
 import { IpcRequest } from 'shared/models/ipc';
 import { getMainWindow } from '../main';
@@ -40,3 +40,7 @@ ipcMain.on('save-file', async (event, request: IpcRequest<{filename?: string, fi
         UtilsService.getInstance().ipcSend(request.responceChannel, {success: true, data: res.filePath});
     })
 });
+
+ipcMain.on("current-version", async (event, request: IpcRequest<void>) => {
+    UtilsService.getInstance().ipcSend(request.responceChannel, {success: true, data: app.getVersion()});
+});

src/renderer/pages/settings-page.component.tsx

@@ -47,9 +47,11 @@ export function SettingsPage() {
   const[languageSelected, setLanguageSelected]= useState(languagesItems.find(e => e.value === i18nService.currentLanguage).id);
   const [installationFolder, setInstallationFolder] = useState(null);
   const [showSupporters, setShowSupporters] = useState(false);
+  const [appVersion, setAppVersion] = useState("");
 
   useEffect(() => {
     loadInstallationFolder();
+    ipcService.send<string>("current-version").then(res => setAppVersion(res.data));
   }, []);
 
   const resetColors = () => {
@@ -156,6 +158,8 @@ export function SettingsPage() {
                     </div>
                 </SettingContainer>
 
+                <span className="bg-light-main-color-1 dark:bg-main-color-1 rounded-md py-1 px-2 font-bold float-right">v{appVersion}</span>
+
                 <div className="h-10"/>
 
             </div>