feat: Implement new settings pages and refactor application layout and navigation with new components and hooks.

web/src/components/stat-card.tsx

@@ -46,11 +46,13 @@ export function StatCard({
                             Manage <ChevronRight className="w-3 h-3" />
                         </span>
                     )}
-                    <Icon className={cn(
-                        "h-4 w-4 transition-all duration-300",
-                        onClick && "group-hover:text-primary group-hover:scale-110",
-                        iconClassName || "text-muted-foreground"
-                    )} />
+                    <div className="h-8 w-8 rounded-lg bg-primary/10 flex items-center justify-center ring-1 ring-primary/20">
+                        <Icon className={cn(
+                            "h-4 w-4 transition-all duration-300 text-primary",
+                            onClick && "group-hover:scale-110",
+                            iconClassName
+                        )} />
+                    </div>
                 </div>
             </CardHeader>
             <CardContent>