Feature/convert map layer radio btn popup to a prettier UI (#41)

* Replace failed tile with a working and removelegend on comp unmount

* Install shadcn and create a button with a popover on the map to replace native tile layers

* Replace native leaflet layers control with custom one

components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/index.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

package.json

@@ -1,23 +1,32 @@
 {
   "name": "global-earthquakes",
-  "version": "4.4.2",
+  "version": "4.5.2",
   "private": true,
   "homepage": "https://kboul.github.io/global-earthquakes",
   "dependencies": {
     "@heroicons/react": "^2.2.0",
+    "@radix-ui/react-checkbox": "^1.1.3",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-popover": "^1.1.4",
+    "@radix-ui/react-radio-group": "^1.2.2",
     "@tanstack/react-query": "5.62.11",
     "@types/leaflet": "1.9.15",
     "@types/node": "22.10.2",
     "@types/react-leaflet": "3.0.0",
     "axios": "1.7.9",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "gh-pages": "6.2.0",
     "leaflet": "1.9.4",
+    "lucide-react": "^0.469.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-leaflet": "4.2.1",
     "react-router-dom": "^6.22.3",
     "react-scripts": "5.0.1",
+    "tailwind-merge": "^2.6.0",
     "tailwindcss": "^3.4.17",
+    "tailwindcss-animate": "^1.0.7",
     "typescript": "5.7.2",
     "zustand": "5.0.2"
   },