fix some stuff with the timestamp settings

src/GameOptions/ui/InterfacePage.tsx

@@ -1,9 +1,10 @@
 import React, { useState } from "react";
 import { MenuItem, Select, SelectChangeEvent, TextField, Tooltip, Typography } from "@mui/material";
-import { Settings } from "../../Settings/Settings";
+import { defaultSettings, Settings } from "../../Settings/Settings";
 import { OptionSwitch } from "../../ui/React/OptionSwitch";
 import { GameOptionsPage } from "./GameOptionsPage";
 import { formatTime } from "../../utils/helpers/formatTime";
+import { Box } from "@mui/system";
 
 export const InterfacePage = (): React.ReactElement => {
   const [timestampFormat, setTimestampFormat] = useState(Settings.TimestampsFormat);
@@ -64,7 +65,7 @@ export const InterfacePage = (): React.ReactElement => {
               <Typography
                 color={formatTime(timestampFormat) === "format error" && timestampFormat !== "" ? "error" : "success"}
               >
-                Timestamp format:
+                Timestamp&nbsp;format:&nbsp;
               </Typography>
             ),
           }}
@@ -73,11 +74,12 @@ export const InterfacePage = (): React.ReactElement => {
           placeholder="yyyy-MM-dd hh:mm:ss"
         />
       </Tooltip>
-      <>
-        <Tooltip title={<Typography>Sets the locale for displaying numbers.</Typography>}>
-          <Typography>Locale</Typography>
-        </Tooltip>
-        <Select value={locale} onChange={handleLocaleChange}>
+      <Typography>
+        Example timestamp: {timestampFormat !== "" ? formatTime(timestampFormat) : "no timestamp"}
+      </Typography>
+      <br />
+
+      <Select startAdornment={<Typography>Locale&nbsp;</Typography>} value={locale} onChange={handleLocaleChange}>
         <MenuItem value="en">en</MenuItem>
         <MenuItem value="bg">bg</MenuItem>
         <MenuItem value="cs">cs</MenuItem>
@@ -94,7 +96,6 @@ export const InterfacePage = (): React.ReactElement => {
         <MenuItem value="pl">pl</MenuItem>
         <MenuItem value="ru">ru</MenuItem>
       </Select>
-      </>
     </GameOptionsPage>
   );
 };

src/GameOptions/ui/MiscPage.tsx

@@ -18,7 +18,6 @@ export const MiscPage = (): React.ReactElement => {
           </>
         }
       />
-      <br />
       <OptionSwitch
         checked={Settings.EnableBashHotkeys}
         onChange={(newValue) => (Settings.EnableBashHotkeys = newValue)}