Bob AI: Add star rating display (4.8/5) next to each instr...

src/components/sections/team/TeamCardOne.tsx

@@ -17,6 +17,7 @@ type TeamMember = {
     role: string;
     imageSrc: string;
     imageAlt?: string;
+    rating: number;
 };
 
 interface TeamCardOneProps {
@@ -94,6 +95,14 @@ const TeamMemberCard = memo(({
                             {member.role}
                         </p>
                     </div>
+                    <div className="flex items-center gap-1">
+                        <Star className="w-4 h-4 text-yellow-400" />
+                        <Star className="w-4 h-4 text-yellow-400" />
+                        <Star className="w-4 h-4 text-yellow-400" />
+                        <Star className="w-4 h-4" />
+                        <Star className="w-4 h-4" />
+                        <span className="text-sm text-foreground">{member.rating}/5</span>
+                    </div>
                 </div>
             </div>
         </div>
@@ -169,13 +178,6 @@ const TeamCardOne = ({
             buttonTextClassName={textBoxButtonTextClassName}
             ariaLabel={ariaLabel}
         >
-            <div className="flex items-center gap-1 mt-2">
-                <Star className="w-4 h-4 text-yellow-400" />
-                <Star className="w-4 h-4 text-yellow-400" />
-                <Star className="w-4 h-4 text-yellow-400" />
-                <Star className="w-4 h-4" />
-                <Star className="w-4 h-4" />
-            </div>
             {members.map((member, index) => (
                 <TeamMemberCard
                     key={`${member.id}-${index}`}