Fix card separator color regression

Author: brunolemos

packages/components/src/components/cards/BaseCard.tsx

@@ -605,7 +605,7 @@ export const BaseCard = React.memo((props: BaseCardProps) => {
         <Spacer flex={1} />
       </View>
 
-      <CardItemSeparator muted={false} />
+      <CardItemSeparator muted={isRead} />
     </View>
   )
 })

packages/components/src/components/cards/partials/CardItemSeparator.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { ThemeColors } from '@devhub/core'
+import { isItemRead, ThemeColors } from '@devhub/core'
 import { Separator, separatorSize } from '../../common/Separator'
 import { useTheme } from '../../context/ThemeContext'
 
@@ -28,16 +28,16 @@ export interface CardItemSeparatorProps {
 }
 
 export function CardItemSeparator(props: CardItemSeparatorProps) {
-  const { muted: _muted } = props
+  const { leadingItem, muted: _muted } = props
 
   const theme = useTheme()
 
   const muted =
     typeof _muted === 'boolean'
       ? _muted
-      : // : leadingItem
-        // ? isItemRead(leadingItem)
-        false
+      : leadingItem
+      ? isItemRead(leadingItem)
+      : false
 
   const cardItemSeparatorThemeColors = getCardItemSeparatorThemeColors({
     isDark: theme.isDark,