feat: Allow toggling pause of traffic stats animation on blur (#6463)

* feat: Allow toggling pause of traffic stats animation on blur

* fix: React Hook useCallback has a missing dependency

* chore: i18n

---------

Co-authored-by: Slinetrac <realakayuki@gmail.com>

src/components/setting/mods/layout-viewer.tsx

@@ -189,6 +189,28 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
           </GuardState>
         </Item>
 
+        <Item>
+          <ListItemText
+            primary={t(
+              'settings.components.verge.layout.fields.pauseRenderTrafficStatsOnBlur',
+            )}
+          />
+          <GuardState
+            value={verge?.pause_render_traffic_stats_on_blur ?? true}
+            valueProps="checked"
+            onCatch={onError}
+            onFormat={onSwitchFormat}
+            onChange={(e) =>
+              onChangeData({ pause_render_traffic_stats_on_blur: e })
+            }
+            onGuard={(e) =>
+              patchVerge({ pause_render_traffic_stats_on_blur: e })
+            }
+          >
+            <Switch edge="end" />
+          </GuardState>
+        </Item>
+
         <Item>
           <ListItemText
             primary={t('settings.components.verge.layout.fields.toastPosition')}