From 4c2b3643f4c31bf13d94fa84abe3e8294ea4ef30 Mon Sep 17 00:00:00 2001
From: jyswee <jyswee@gmail.com>
Date: Thu, 23 Jul 2026 23:01:48 +0000
Subject: [PATCH] Seed: product-management template (23 files)

---
 src/pages/Feedback.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Feedback.tsx b/src/pages/Feedback.tsx
index 507cb7d..ab827cf 100644
--- a/src/pages/Feedback.tsx
+++ b/src/pages/Feedback.tsx
@@ -168,7 +168,7 @@ export default function FeedbackPage() {
                     variant={sortBy === option ? "default" : "ghost"}
                     size="sm"
                     onClick={() => setSortBy(option)}
-                    className={`rounded-none text-xs capitalize \${sortBy === option ? "bg-blue-600 hover:bg-blue-700 text-white" : ""}`}
+                    className={`rounded-none text-xs capitalize ${sortBy === option ? "bg-blue-600 hover:bg-blue-700 text-white" : ""}`}
                   >
                     {option === "votes" && <ThumbsUp className="mr-1 h-3 w-3" />}
                     {option === "newest" && <Clock className="mr-1 h-3 w-3" />}
@@ -245,7 +245,7 @@ export default function FeedbackPage() {
                         <div className="flex items-start justify-between gap-3 mb-2">
                           <div className="flex items-center gap-3">
                             <Avatar className="h-8 w-8">
-                              <AvatarFallback className={`text-xs text-white \${item.userColor}`}>{item.userInitials}</AvatarFallback>
+                              <AvatarFallback className={`text-xs text-white ${item.userColor}`}>{item.userInitials}</AvatarFallback>
                             </Avatar>
                             <div>
                               <p className="text-sm font-medium text-slate-900">{item.user}</p>
@@ -253,11 +253,11 @@ export default function FeedbackPage() {
                             </div>
                           </div>
                           <div className="flex items-center gap-2">
-                            <Badge className={`\${item.categoryColor} text-xs font-medium border-0 flex items-center gap-1`}>
+                            <Badge className={`${item.categoryColor} text-xs font-medium border-0 flex items-center gap-1`}>
                               {IconComponent && <IconComponent className="h-3 w-3" />}
                               {item.category}
                             </Badge>
-                            <Badge className={`\${item.statusColor} text-xs font-medium border-0`}>{item.status}</Badge>
+                            <Badge className={`${item.statusColor} text-xs font-medium border-0`}>{item.status}</Badge>
                           </div>
                         </div>
                         <p className="text-sm text-slate-600 leading-relaxed">{item.text}</p>