app/(admin)/admin/dashboard/page.tsx

@@ -284,8 +284,7 @@ export default function Dashboard() {
                         <div className={`p-2 sm:p-2.5 rounded-lg ${isDark ? "bg-gray-700" : "bg-gray-50"}`}>
                           <Icon className={`w-4 h-4 sm:w-5 sm:h-5 ${isDark ? "text-gray-200" : "text-gray-600"}`} />
                         </div>
-                        {/* Percentage badge commented out */}
+                        {card.trend && (
-                        {/* {card.trend && (
                           <div className={`flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${getTrendClasses(card.trendUp)}`}>
                             {card.trendUp ? (
                               <ArrowUpRight className="w-3 h-3" />
@@ -294,20 +293,19 @@ export default function Dashboard() {
                             )}
                             <span className="hidden sm:inline">{card.trend}</span>
                           </div>
-                        )} */}
+                        )}
                       </div>
                       
                       <div>
                         <h3 className={`text-xs font-medium mb-1 sm:mb-2 uppercase tracking-wider ${isDark ? "text-rose-300" : "text-rose-600"}`}>
                           {card.title}
                         </h3>
-                        <p className={`text-xl sm:text-2xl font-bold ${isDark ? "text-white" : "text-gray-900"}`}>
+                        <p className={`text-xl sm:text-2xl font-bold mb-1 ${isDark ? "text-white" : "text-gray-900"}`}>
                           {card.value}
                         </p>
-                          {/* "vs last month" text commented out */}
+                          <p className={`text-xs ${isDark ? "text-gray-400" : "text-gray-500"}`}>
-                          {/* <p className={`text-xs ${isDark ? "text-gray-400" : "text-gray-500"}`}>
                             vs last month
-                          </p> */}
+                          </p>
                       </div>
                     </div>
                   );

app/(user)/user/dashboard/page.tsx

@@ -223,13 +223,12 @@ export default function UserDashboard() {
                       <div className={`p-2 sm:p-2.5 rounded-lg ${isDark ? 'bg-gray-700' : 'bg-gray-50'}`}>
                     <CalendarCheck className={`w-4 h-4 sm:w-5 sm:h-5 ${isDark ? 'text-gray-400' : 'text-gray-600'}`} />
                       </div>
-                      {/* Percentage badge commented out */}
+                      <div
-                      {/* <div
                     className={`flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${isDark ? "bg-green-900/30 text-green-400" : "bg-green-50 text-green-700"}`}
                       >
                           <ArrowUpRight className="w-3 h-3" />
                     <span>{displayStats.scheduled > 0 ? `+${displayStats.scheduled}` : "0"}</span>
-                  </div> */}
+                  </div>
                 </div>
                 <div>
                   <h3 className={`text-xs font-medium mb-1 sm:mb-2 uppercase tracking-wider ${isDark ? 'text-rose-400' : 'text-rose-600'}`}>
@@ -248,13 +247,12 @@ export default function UserDashboard() {
                   <div className={`p-2 sm:p-2.5 rounded-lg ${isDark ? 'bg-gray-700' : 'bg-gray-50'}`}>
                     <CheckCircle2 className={`w-4 h-4 sm:w-5 sm:h-5 ${isDark ? 'text-gray-400' : 'text-gray-600'}`} />
                   </div>
-                  {/* Percentage badge commented out */}
+                  <div
-                  {/* <div
                     className={`flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${isDark ? "bg-green-900/30 text-green-400" : "bg-green-50 text-green-700"}`}
                   >
                           <ArrowUpRight className="w-3 h-3" />
                     <span>{displayStats.completed > 0 ? `+${displayStats.completed}` : "0"}</span>
-                  </div> */}
+                  </div>
                 </div>
                 <div>
                   <h3 className={`text-xs font-medium mb-1 sm:mb-2 uppercase tracking-wider ${isDark ? 'text-rose-400' : 'text-rose-600'}`}>
@@ -273,13 +271,12 @@ export default function UserDashboard() {
                   <div className={`p-2 sm:p-2.5 rounded-lg ${isDark ? 'bg-gray-700' : 'bg-gray-50'}`}>
                     <Calendar className={`w-4 h-4 sm:w-5 sm:h-5 ${isDark ? 'text-gray-400' : 'text-gray-600'}`} />
                   </div>
-                  {/* Percentage badge commented out */}
+                  <div
-                  {/* <div
                     className={`flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${isDark ? "bg-green-900/30 text-green-400" : "bg-green-50 text-green-700"}`}
                   >
                     <ArrowUpRight className="w-3 h-3" />
                     <span>{`${Math.round(displayStats.completion_rate || 0)}%`}</span>
-                  </div> */}
+                  </div>
                 </div>
                       <div>
                         <h3 className={`text-xs font-medium mb-1 sm:mb-2 uppercase tracking-wider ${isDark ? 'text-rose-400' : 'text-rose-600'}`}>
@@ -298,13 +295,12 @@ export default function UserDashboard() {
                   <div className={`p-2 sm:p-2.5 rounded-lg ${isDark ? 'bg-gray-700' : 'bg-gray-50'}`}>
                     <Calendar className={`w-4 h-4 sm:w-5 sm:h-5 ${isDark ? 'text-gray-400' : 'text-gray-600'}`} />
                   </div>
-                  {/* Percentage badge commented out */}
+                  <div
-                  {/* <div
                     className={`flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${isDark ? "bg-red-900/30 text-red-400" : "bg-red-50 text-red-700"}`}
                   >
                     <ArrowUpRight className="w-3 h-3" />
                     <span>{displayStats.pending_review > 0 ? `${displayStats.pending_review}` : "0"}</span>
-                  </div> */}
+                  </div>
                 </div>
                 <div>
                   <h3 className={`text-xs font-medium mb-1 sm:mb-2 uppercase tracking-wider ${isDark ? 'text-rose-400' : 'text-rose-600'}`}>