add more dynamic imports to optimize bundle

src/renderer/app.tsx

@@ -7,12 +7,11 @@ import '@mantine/core/styles.css';
 import '@mantine/dates/styles.css';
 import '@mantine/notifications/styles.css';
 import isElectron from 'is-electron';
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { lazy, Suspense, useEffect, useMemo, useRef, useState } from 'react';
 
 import i18n from '/@/i18n/i18n';
 import { WebAudioContext } from '/@/renderer/features/player/context/webaudio-context';
 import { useSyncSettingsToMain } from '/@/renderer/hooks/use-sync-settings-to-main';
-import { ReleaseNotesModal } from './release-notes-modal';
 import { AppRouter } from '/@/renderer/router/app-router';
 import { useCssSettings, useHotkeySettings, useLanguage } from '/@/renderer/store';
 import { useAppTheme } from '/@/renderer/themes/use-app-theme';
@@ -22,6 +21,12 @@ import '/@/shared/styles/global.css';
 import { PlayerProvider } from '/@/renderer/features/player/context/player-context';
 import { AudioPlayers } from '/@/renderer/features/player/components/audio-players';
 
+const ReleaseNotesModal = lazy(() =>
+    import('./release-notes-modal').then((module) => ({
+        default: module.ReleaseNotesModal,
+    })),
+);
+
 const ipc = isElectron() ? window.api.ipc : null;
 
 export const App = () => {
@@ -95,7 +100,9 @@ export const App = () => {
                     <AppRouter />
                 </PlayerProvider>
             </WebAudioContext.Provider>
-            <ReleaseNotesModal />
+            <Suspense fallback={null}>
+                <ReleaseNotesModal />
+            </Suspense>
         </MantineProvider>
     );
 };