feat: integrate BountyTags into CreatorBountyCard and ContributorProfile

Closes #487

Replaces inline tier/skill rendering with the reusable BountyTags component:

- CreatorBountyCard: adds tier, skills, and category pills above the
  status/escrow/deadline line for visual consistency with BountyCard
- ContributorProfile: replaces manual tierLabel() + TIER_COLORS inline
  spans with BountyTags tier pill in the recent bounties list

Both components now use the same GitHub-label-colored pills as the
bounty board, providing consistent visual language across the app.

Wallet: HZV6YPdTeJPjPujWjzsFLLKja91K2Ze78XeY8MeFhfK8

Author: LaphoqueRC

frontend/src/components/ContributorProfile.tsx

@@ -5,6 +5,8 @@ import type { ContributorBadgeStats } from '../types/badges';
 import { computeBadges } from '../types/badges';
 import { BadgeGrid } from './badges';
 import { TimeAgo } from './common/TimeAgo';
+import { BountyTags } from './bounties/BountyTags';
+import type { BountyTier } from '../types/bounty';
 
 interface RecentBounty {
   title: string;
@@ -276,13 +278,18 @@ export const ContributorProfile: React.FC<ContributorProfileProps> = ({
                 <div className="flex items-center justify-between gap-2">
                   <div className="flex-1 min-w-0">
                     <p className="text-sm text-white truncate">{bounty.title}</p>
-                    <p className="text-xs text-gray-500 mt-0.5">
-                      {tierLabel(bounty.tier)} · {bounty.earned.toLocaleString()} FNDRY · {new Date(bounty.completedAt).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })}
-                    </p>
+                    <div className="flex items-center gap-2 mt-1">
+                      <BountyTags
+                        tier={`T${bounty.tier}` as BountyTier}
+                        skills={[]}
+                        showTier
+                        className="inline-flex"
+                      />
+                      <span className="text-xs text-gray-500">
+                        {bounty.earned.toLocaleString()} FNDRY · {new Date(bounty.completedAt).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })}
+                      </span>
+                    </div>
                   </div>
-                  <span className={`text-xs font-medium ${TIER_COLORS[bounty.tier].text}`}>
-                    {tierLabel(bounty.tier)}
-                  </span>
                 </div>
               </a>
             ))}

frontend/src/components/bounties/CreatorBountyCard.tsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { useToast } from '../../hooks/useToast';
+import { BountyTags } from './BountyTags';
 
 interface Submission {
     id: string;
@@ -139,6 +140,16 @@ export function CreatorBountyCard({ bounty, onUpdate }: CreatorBountyCardProps)
                             )}
                         </div>
 
+                        <BountyTags
+                            tier={bounty.tier ?? 'T1'}
+                            skills={bounty.required_skills ?? bounty.skills ?? []}
+                            category={bounty.category}
+                            showTier
+                            maxSkills={4}
+                            className="mb-2"
+                            data-testid="creator-bounty"
+                        />
+
                         <div className="flex flex-wrap items-center gap-x-6 gap-y-2 text-sm text-gray-400">
                             <span className={`font-semibold ${getStatusColor(bounty.status)} uppercase tracking-wider text-xs`}>
                                 {bounty.status.replace(/_/g, ' ')}