refactor app error boundaries

src/renderer/features/albums/routes/album-detail-route.tsx

@@ -13,6 +13,7 @@ import {
 } from '/@/renderer/features/shared/components/library-background-overlay';
 import { LibraryContainer } from '/@/renderer/features/shared/components/library-container';
 import { LibraryHeaderBar } from '/@/renderer/features/shared/components/library-header-bar';
+import { PageErrorBoundary } from '/@/renderer/features/shared/components/page-error-boundary';
 import { useFastAverageColor } from '/@/renderer/hooks';
 import { useCurrentServer, useGeneralSettings } from '/@/renderer/store';
 import { LibraryItem } from '/@/shared/types/domain-types';
@@ -83,4 +84,12 @@ const AlbumDetailRoute = () => {
     );
 };
 
-export default AlbumDetailRoute;
+const AlbumDetailRouteWithBoundary = () => {
+    return (
+        <PageErrorBoundary>
+            <AlbumDetailRoute />
+        </PageErrorBoundary>
+    );
+};
+
+export default AlbumDetailRouteWithBoundary;

src/renderer/features/albums/routes/album-list-route.tsx

@@ -6,6 +6,7 @@ import { AlbumListContent } from '/@/renderer/features/albums/components/album-l
 import { AlbumListHeader } from '/@/renderer/features/albums/components/album-list-header';
 import { AnimatedPage } from '/@/renderer/features/shared/components/animated-page';
 import { LibraryContainer } from '/@/renderer/features/shared/components/library-container';
+import { PageErrorBoundary } from '/@/renderer/features/shared/components/page-error-boundary';
 
 const AlbumListRoute = () => {
     const { albumArtistId, genreId } = useParams();
@@ -34,4 +35,12 @@ const AlbumListRoute = () => {
     );
 };
 
-export default AlbumListRoute;
+const AlbumListRouteWithBoundary = () => {
+    return (
+        <PageErrorBoundary>
+            <AlbumListRoute />
+        </PageErrorBoundary>
+    );
+};
+
+export default AlbumListRouteWithBoundary;

src/renderer/features/albums/routes/dummy-album-detail-route.tsx

@@ -11,6 +11,7 @@ import { usePlayer } from '/@/renderer/features/player/context/player-context';
 import { AnimatedPage } from '/@/renderer/features/shared/components/animated-page';
 import { LibraryContainer } from '/@/renderer/features/shared/components/library-container';
 import { LibraryHeader } from '/@/renderer/features/shared/components/library-header';
+import { PageErrorBoundary } from '/@/renderer/features/shared/components/page-error-boundary';
 import { PlayButton } from '/@/renderer/features/shared/components/play-button';
 import { useCreateFavorite } from '/@/renderer/features/shared/mutations/create-favorite-mutation';
 import { useDeleteFavorite } from '/@/renderer/features/shared/mutations/delete-favorite-mutation';
@@ -228,4 +229,12 @@ const DummyAlbumDetailRoute = () => {
     );
 };
 
-export default DummyAlbumDetailRoute;
+const DummyAlbumDetailRouteWithBoundary = () => {
+    return (
+        <PageErrorBoundary>
+            <DummyAlbumDetailRoute />
+        </PageErrorBoundary>
+    );
+};
+
+export default DummyAlbumDetailRouteWithBoundary;