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/types/generated/i18n-keys.ts

@@ -458,6 +458,7 @@ export const translationKeys = [
   'settings.components.verge.layout.fields.tunTrayIcon',
   'settings.components.verge.layout.fields.enableTrayIcon',
   'settings.components.verge.layout.fields.enableTraySpeed',
+  'settings.components.verge.layout.fields.pauseRenderTrafficStatsOnBlur',
   'settings.components.verge.layout.tooltips.hoverNavigator',
   'settings.components.verge.layout.tooltips.hoverNavigatorDelay',
   'settings.components.verge.layout.options.icon.monochrome',

src/types/generated/i18n-resources.ts

@@ -625,6 +625,7 @@ export interface TranslationResources {
               hoverNavigatorDelay: string
               memoryUsage: string
               navIcon: string
+              pauseRenderTrafficStatsOnBlur: string
               preferSystemTitlebar: string
               proxyGroupIcon: string
               proxyGroupsDisplayMode: string

src/types/global.d.ts

@@ -904,6 +904,7 @@ interface IVergeConfig {
   traffic_graph?: boolean
   enable_memory_usage?: boolean
   enable_group_icon?: boolean
+  pause_render_traffic_stats_on_blur?: boolean
   menu_icon?: 'monochrome' | 'colorful' | 'disable'
   menu_order?: string[]
   notice_position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'