add tray and add settings

src/renderer/pages/Settings.tsx

@@ -29,6 +29,8 @@ type SettingsState = {
   autoLaunch: boolean;
   startInTray: boolean;
   closeToTray: boolean;
+  disableToolTip: boolean;
+  allowEssentialTooltips: boolean;
 
   // Game
   autoRotateSkinViewer: boolean;
@@ -73,7 +75,7 @@ const GRADIENT =
       backgroundColor: 'rgba(10,10,20,0.92)',
       border: '2px solid rgba(255,255,255,0.18)',
       boxShadow: '0 0 1.6vw rgba(233,64,205,0.35)',
-      transition: 'transform 0.15s ease, box-shadow 0.15s ease',
+      transition: 'transform 0.15s ease, box-shadow 0.15s ease, height 0.3s ease, width 0.3s ease',
       '&:before': { display: 'none' },
       '&:hover, &.Mui-focusVisible': {
         width: '1.95vw',
@@ -100,6 +102,8 @@ const defaultSettings: SettingsState = {
   startInTray: false,
   autoLaunch: false,
   closeToTray: true,
+  disableToolTip: false,
+  allowEssentialTooltips: true,
 
   autoRotateSkinViewer: true,
   walkingSpeed: 0.5,
@@ -351,7 +355,7 @@ const Settings = () => {
       sx={{
         px: '2vw',
         pb: '2vw',
-        width: '100%',
+        width: '95%',
         boxSizing: 'border-box',
       }}
     >
@@ -567,6 +571,20 @@ const Settings = () => {
                 checked={settings.rememberLastRoute}
                 onChange={setFlag('rememberLastRoute')}
               />
+
+              <SettingCheckboxRow
+                title="Отключить подсказки"
+                description="Отключить подсказки при наведении на элементы"
+                checked={settings.disableToolTip}
+                onChange={setFlag('disableToolTip')}
+              />
+
+              <SettingCheckboxRow
+                title="Показывать важные подсказки"
+                description="Некоторые подсказки нельзя отключить (важные)"
+                checked={settings.allowEssentialTooltips}
+                onChange={setFlag('allowEssentialTooltips')}
+              />
             </Box>
           </Glass>
         </Box>