add explicit status and indicators in item detail

src/renderer/components/item-list/item-detail-list/columns/image-column.tsx

@@ -8,8 +8,10 @@ export const ImageColumn = ({ song }: ItemDetailListCellProps) => (
     <ItemImage
         className={styles.compactImage}
         containerClassName={styles.compactContainer}
+        explicitStatus={song.explicitStatus}
         id={song.imageId}
         itemType={LibraryItem.SONG}
+        serverId={song._serverId}
         type="table"
     />
 );

src/renderer/components/item-list/item-detail-list/columns/title-artist-column.tsx

@@ -1,4 +1,9 @@
-import { ItemDetailListCellProps } from './types';
+import { ItemDetailListCellProps } from '/@/renderer/components/item-list/item-detail-list/columns/types';
+import { ExplicitIndicator } from '/@/shared/components/explicit-indicator/explicit-indicator';
 
-export const TitleArtistColumn = ({ song }: ItemDetailListCellProps) =>
+export const TitleArtistColumn = ({ song }: ItemDetailListCellProps) => (
-    [song.name, song.artistName].filter(Boolean).join(' — ') ?? <>&nbsp;</>;
+    <>
+        <ExplicitIndicator explicitStatus={song.explicitStatus} />
+        {[song.name, song.artistName].filter(Boolean).join(' — ') ?? <>&nbsp;</>}
+    </>
+);

src/renderer/components/item-list/item-detail-list/columns/title-column.tsx

@@ -1,3 +1,9 @@
-import { ItemDetailListCellProps } from './types';
+import { ItemDetailListCellProps } from '/@/renderer/components/item-list/item-detail-list/columns/types';
+import { ExplicitIndicator } from '/@/shared/components/explicit-indicator/explicit-indicator';
 
-export const TitleColumn = ({ song }: ItemDetailListCellProps) => song.name ?? <>&nbsp;</>;
+export const TitleColumn = ({ song }: ItemDetailListCellProps) => (
+    <>
+        <ExplicitIndicator explicitStatus={song.explicitStatus} />
+        {song.name ?? <>&nbsp;</>}
+    </>
+);

src/renderer/components/item-list/item-detail-list/columns/title-combined-column.tsx

@@ -1,4 +1,9 @@
-import { ItemDetailListCellProps } from './types';
+import { ItemDetailListCellProps } from '/@/renderer/components/item-list/item-detail-list/columns/types';
+import { ExplicitIndicator } from '/@/shared/components/explicit-indicator/explicit-indicator';
 
-export const TitleCombinedColumn = ({ song }: ItemDetailListCellProps) =>
+export const TitleCombinedColumn = ({ song }: ItemDetailListCellProps) => (
-    [song.name, song.artistName].filter(Boolean).join(' — ') ?? <>&nbsp;</>;
+    <>
+        <ExplicitIndicator explicitStatus={song.explicitStatus} />
+        {[song.name, song.artistName].filter(Boolean).join(' — ') ?? <>&nbsp;</>}
+    </>
+);

src/renderer/components/item-list/item-detail-list/item-detail.tsx

@@ -53,6 +53,7 @@ import { useIsMutatingDeleteFavorite } from '/@/renderer/features/shared/mutatio
 import { AppRoute } from '/@/renderer/router/routes';
 import { useSettingsStore, useShowRatings } from '/@/renderer/store';
 import { formatDateAbsoluteUTC, formatDurationString } from '/@/renderer/utils';
+import { ExplicitIndicator } from '/@/shared/components/explicit-indicator/explicit-indicator';
 import { Skeleton } from '/@/shared/components/skeleton/skeleton';
 import { Text } from '/@/shared/components/text/text';
 import { Album, LibraryItem, Song } from '/@/shared/types/domain-types';
@@ -401,8 +402,10 @@ const MetadataSection = memo(
                 >
                     <ItemImage
                         className={styles.image}
+                        explicitStatus={item.explicitStatus}
                         id={item.imageId}
                         itemType={item._itemType}
+                        serverId={item._serverId}
                         type="itemCard"
                     />
                     {isFavorite && <div className={styles.favoriteBadge} />}
@@ -428,6 +431,7 @@ const MetadataSection = memo(
                         albumId: item.id,
                     })}
                 >
+                    <ExplicitIndicator explicitStatus={item.explicitStatus} />
                     {item.name}
                 </Link>
                 <div className={styles.artist}>