refactor(web): enhance ui visual polish and ux

- Replace native selects with Shadcn UI Select in Settings
- Increase ActivityChart height for better visibility
- specific Economy Overview card height to fill column
- Add hover/active scale animations to sidebar items

web/src/components/AppSidebar.tsx

@@ -46,7 +46,7 @@ export function AppSidebar() {
             <SidebarHeader className="p-4">
                 <SidebarMenu>
                     <SidebarMenuItem>
-                        <SidebarMenuButton size="lg" asChild className="hover:bg-white/5 transition-all duration-300 rounded-xl">
+                        <SidebarMenuButton size="lg" asChild className="hover:bg-white/5 transition-all duration-300 rounded-xl hover:scale-[1.02] active:scale-[0.98]">
                             <Link to="/" className="flex items-center gap-3">
                                 <div className="flex aspect-square size-10 items-center justify-center rounded-xl bg-gradient-to-br from-primary to-purple-600 text-primary-foreground shadow-lg shadow-primary/20 overflow-hidden border border-white/10">
                                     {botAvatar ? (
@@ -74,7 +74,7 @@ export function AppSidebar() {
                                     <SidebarMenuButton
                                         asChild
                                         isActive={location.pathname === item.url}
-                                        className={`transition-all duration-200 rounded-lg px-4 py-6 ${location.pathname === item.url
+                                        className={`transition-all duration-200 rounded-lg px-4 py-6 hover:scale-[1.02] active:scale-[0.98] ${location.pathname === item.url
                                             ? "bg-primary/10 text-primary border border-primary/20 shadow-lg shadow-primary/5"
                                             : "hover:bg-white/5 text-white/60 hover:text-white"
                                             }`}