Block 8 complete: streaks, notifications, referrals, premium identity, gamification

src/app/forum/page.tsx

@@ -19,6 +19,7 @@ import {
   MessageCircle,
   FileText,
 } from "lucide-react";
+import PremiumBadge from "@/components/PremiumBadge";
 
 interface Category {
   id: string;
@@ -397,14 +398,20 @@ export default function ForumPage() {
                       <div className="flex flex-wrap items-center gap-x-2 gap-y-1 text-[10px] text-gray-600">
                         <div className="flex items-center gap-1">
                           <span className="text-gray-500">by</span>
-                          <span className="font-medium text-gray-400">
+                          <span className={`font-medium ${
+                            thread.author.isPro
+                              ? "text-purple-400"
+                              : thread.author.isPremium
+                                ? "text-[#D4AF37]"
+                                : "text-gray-400"
+                          }`}>
                             {thread.author.name}
                           </span>
                           {thread.author.isPro && (
-                            <Crown size={9} className="text-purple-400" />
+                            <PremiumBadge tier="pro" size="sm" />
                           )}
                           {thread.author.isPremium && !thread.author.isPro && (
-                            <Star size={9} className="text-[#D4AF37]" />
+                            <PremiumBadge tier="premium" size="sm" />
                           )}
                         </div>