add version tag to header

src/config/index.js

@@ -4,6 +4,7 @@ export { I18N, UI_LANGS } from "./i18n";
 const APP_NAME = process.env.REACT_APP_NAME.trim().split(/\s+/).join("-");
 
 export const APP_LCNAME = APP_NAME.toLowerCase();
+export const APP_VERSION = "1.1.1";
 
 export const STOKEY_MSAUTH = `${APP_NAME}_msauth`;
 export const STOKEY_SETTING = `${APP_NAME}_setting`;

src/views/Options/Header.js

@@ -9,6 +9,7 @@ import { useDarkMode } from "../../hooks/ColorMode";
 import LightModeIcon from "@mui/icons-material/LightMode";
 import DarkModeIcon from "@mui/icons-material/DarkMode";
 import { useI18n } from "../../hooks/I18n";
+import { APP_VERSION } from "../../config";
 
 function Header(props) {
   const i18n = useI18n();
@@ -35,7 +36,7 @@ function Header(props) {
             <MenuIcon />
           </IconButton>
         </Box>
-        <Box sx={{ flexGrow: 1 }}>{i18n("app_name")}</Box>
+        <Box sx={{ flexGrow: 1 }}>{`${i18n("app_name")} v${APP_VERSION}`}</Box>
         <IconButton onClick={switchColorMode} color="inherit">
           {darkMode ? <LightModeIcon /> : <DarkModeIcon />}
         </IconButton>