feat: update ProductFeedItem to use SiProducthunt icon and improve vertical alignment in row details

Author: medyo

src/assets/App.css

@@ -495,6 +495,11 @@ a {
   font-size: 12px;
 }
 
+.rowDetails .rowItem.verticalAligned {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
 .rowDescription .rowItem {
   font-size: 12px;
 }

src/features/feed/components/feedItems/ProductFeedItem.tsx

@@ -1,4 +1,4 @@
-import { GoDotFill } from 'react-icons/go'
+import { SiProducthunt } from 'react-icons/si'
 import { CardItemWithActions } from 'src/components/Elements'
 import { useUserPreferences } from 'src/stores/preferences'
 import { BaseItemPropsType, ProductHuntFeedItemData } from 'src/types'
@@ -22,15 +22,15 @@ export const ProductFeedItem = (props: BaseItemPropsType<ProductHuntFeedItemData
           </div>
           {listingMode === 'compact' && (
             <div className="rowDetails">
-              <span className="rowItem capitalize">
-                <GoDotFill className="rowItemIcon" /> Product Hunt
+              <span className="rowItem verticalAligned">
+                <SiProducthunt color="#D65736" /> Product Hunt 
               </span>
             </div>
           )}
           {listingMode === 'normal' && (
             <div className="rowDetails">
-              <span className="rowItem capitalize">
-                <GoDotFill className="rowItemIcon" /> Product Hunt
+              <span className="rowItem verticalAligned">
+                <SiProducthunt color="#D65736" /> Product Hunt 
               </span>
             </div>
           )}