feat: add ColoredLanguagesBadge to RepoFeedItem and ensure tags are included in FeedItem type

Author: medyo

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

@@ -1,6 +1,6 @@
 import { SiGithub } from 'react-icons/si'
 import { VscRepoForked, VscStarFull } from 'react-icons/vsc'
-import { CardItemWithActions } from 'src/components/Elements'
+import { CardItemWithActions, ColoredLanguagesBadge } from 'src/components/Elements'
 import { useUserPreferences } from 'src/stores/preferences'
 import { BaseItemPropsType, FeedItem as FeedItemType } from 'src/types'
 import { FeedItemHeader } from '../FeedItemHeader'
@@ -50,6 +50,9 @@ export const RepoFeedItem = (props: BaseItemPropsType<FeedItemType>) => {
               <span className="rowItem">
                 <VscRepoForked className="rowItemIcon" /> {numberWithCommas(item?.forks || 0)} forks
               </span>
+              <span className="rowItem">
+                <ColoredLanguagesBadge languages={item.tags} />
+              </span>
             </div>
           )}
         </>

src/types/index.ts

@@ -58,6 +58,7 @@ export type FeedItem = BaseEntry & {
   stars?: number
   forks?: number
   description?: string
+  tags: Array<string>
 }
 
 export type Repository = BaseEntry & {