fix: improve dark mode compatibility and chart visibility

- Fix TopQuestionsChart with proper dark mode colors using CSS variables and shadcn/ui components
- Enhance ResponseTimeDistribution with thicker bars (maxBarSize: 60)
- Replace GeographicMap with dark/light mode compatible CartoDB tiles
- Add custom text selection background color with primary theme color
- Update all loading states to use proper CSS variables instead of hardcoded colors
- Fix dashboard layout background to use bg-background instead of bg-gray-100

package.json

@@ -30,10 +30,12 @@
     "@prisma/adapter-pg": "^6.10.1",
     "@prisma/client": "^6.10.1",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tooltip": "^1.2.7",
     "@rapideditor/country-coder": "^5.4.0",
+    "@types/canvas-confetti": "^1.9.0",
     "@types/d3": "^7.4.3",
     "@types/d3-cloud": "^1.2.9",
     "@types/d3-selection": "^3.0.11",
@@ -41,6 +43,7 @@
     "@types/leaflet": "^1.9.19",
     "@types/node-fetch": "^2.6.12",
     "bcryptjs": "^3.0.2",
+    "canvas-confetti": "^1.9.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "csv-parse": "^5.6.0",
@@ -51,8 +54,10 @@
     "iso-639-1": "^3.1.5",
     "leaflet": "^1.9.4",
     "lucide-react": "^0.525.0",
+    "motion": "^12.19.2",
     "next": "^15.3.4",
     "next-auth": "^4.24.11",
+    "next-themes": "^0.4.6",
     "node-cron": "^4.1.1",
     "node-fetch": "^3.3.2",
     "react": "^19.1.0",
@@ -61,6 +66,7 @@
     "react-markdown": "^10.1.0",
     "recharts": "^3.0.2",
     "rehype-raw": "^7.0.0",
+    "sonner": "^2.0.5",
     "tailwind-merge": "^3.3.1",
     "zod": "^3.25.67"
   },