From dfa039bc204d048abae360497792e2e89993f69f Mon Sep 17 00:00:00 2001
From: SouparnaChatterjee <souparnachatterjee98@gmail.com>
Date: Thu, 8 Jan 2026 01:53:34 +0530
Subject: [PATCH 1/3] feat: improve Clear button hover and active states

---
 components/Leaderboard/LeaderboardView.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/Leaderboard/LeaderboardView.tsx b/components/Leaderboard/LeaderboardView.tsx
index 56ed64f65..688a92d97 100644
--- a/components/Leaderboard/LeaderboardView.tsx
+++ b/components/Leaderboard/LeaderboardView.tsx
@@ -567,12 +567,13 @@ export default function LeaderboardView({
                   </div>
 
                   <div className="flex items-center gap-2">
+                    {/* UPDATED CLEAR BUTTON WITH IMPROVED HOVER/ACTIVE STATES */}
                     {(selectedRoles.size > 0 || searchQuery || sortBy !== "points") && (
                       <Button
                         variant="ghost"
                         size="sm"
                         onClick={clearFilters}
-                        className="h-9 hover:bg-[#50B78B]/20 cursor-pointer"
+                        className="h-9 hover:bg-[#50B78B]/20 hover:text-[#50B78B] active:bg-[#50B78B]/30 active:text-[#50B78B] transition-all duration-200 cursor-pointer"
                       >
                         <X className="h-4 w-4 mr-1" />
                         Clear

From 891df749d92b3c0954295158d0464ab814f04a37 Mon Sep 17 00:00:00 2001
From: SouparnaChatterjee <souparnachatterjee98@gmail.com>
Date: Thu, 8 Jan 2026 02:04:22 +0530
Subject: [PATCH 2/3] feat: add glow effect on Clear button hover and active
 states

---
 components/Leaderboard/LeaderboardView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Leaderboard/LeaderboardView.tsx b/components/Leaderboard/LeaderboardView.tsx
index 688a92d97..9564c9db6 100644
--- a/components/Leaderboard/LeaderboardView.tsx
+++ b/components/Leaderboard/LeaderboardView.tsx
@@ -567,13 +567,13 @@ export default function LeaderboardView({
                   </div>
 
                   <div className="flex items-center gap-2">
-                    {/* UPDATED CLEAR BUTTON WITH IMPROVED HOVER/ACTIVE STATES */}
+                    {/* UPDATED CLEAR BUTTON WITH GLOW EFFECT */}
                     {(selectedRoles.size > 0 || searchQuery || sortBy !== "points") && (
                       <Button
                         variant="ghost"
                         size="sm"
                         onClick={clearFilters}
-                        className="h-9 hover:bg-[#50B78B]/20 hover:text-[#50B78B] active:bg-[#50B78B]/30 active:text-[#50B78B] transition-all duration-200 cursor-pointer"
+                        className="h-9 hover:bg-[#50B78B]/20 hover:text-[#50B78B] hover:shadow-[0_0_10px_rgba(80,183,139,0.3)] active:bg-[#50B78B]/30 active:text-[#50B78B] active:shadow-[0_0_15px_rgba(80,183,139,0.5)] transition-all duration-200 cursor-pointer"
                       >
                         <X className="h-4 w-4 mr-1" />
                         Clear

From 9aa4c0be95f1ecef518846418832d8aba3569e84 Mon Sep 17 00:00:00 2001
From: SouparnaChatterjee <souparnachatterjee98@gmail.com>
Date: Wed, 14 Jan 2026 23:08:54 +0530
Subject: [PATCH 3/3] feat: add matching glow effect to Filter button for UI
 consistency

---
 components/Leaderboard/LeaderboardView.tsx | 5 +++--
 next-env.d.ts                              | 2 +-
 tsconfig.json                              | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/Leaderboard/LeaderboardView.tsx b/components/Leaderboard/LeaderboardView.tsx
index 577fac090..62e8db2e8 100644
--- a/components/Leaderboard/LeaderboardView.tsx
+++ b/components/Leaderboard/LeaderboardView.tsx
@@ -606,7 +606,7 @@ export default function LeaderboardView({
                   </div>
 
                   <div className="flex items-center gap-2">
-                    {/* UPDATED CLEAR BUTTON WITH GLOW EFFECT */}
+                    {/* CLEAR BUTTON WITH GLOW EFFECT */}
                     {(selectedRoles.size > 0 || searchQuery || sortBy !== "points") && (
                       <Button
                         variant="ghost"
@@ -619,12 +619,13 @@ export default function LeaderboardView({
                       </Button>
                     )}
 
+                    {/* UPDATED FILTER BUTTON WITH MATCHING GLOW EFFECT */}
                     <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>
                       <PopoverTrigger asChild>
                         <Button
                           variant="outline"
                           size="sm"
-                          className="h-9 border border-[#50B78B]/30 hover:bg-[#50B78B]/20 cursor-pointer"
+                          className="h-9 border border-[#50B78B]/30 hover:bg-[#50B78B]/20 hover:text-[#50B78B] hover:shadow-[0_0_10px_rgba(80,183,139,0.3)] active:bg-[#50B78B]/30 active:shadow-[0_0_15px_rgba(80,183,139,0.5)] transition-all duration-200 cursor-pointer"
                         >
                           <Filter className="h-4 w-4 mr-1.5" />
                           Filter
diff --git a/next-env.d.ts b/next-env.d.ts
index 830fb594c..c4b7818fb 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference path="./.next/types/routes.d.ts" />
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/tsconfig.json b/tsconfig.json
index 7fb26aca7..16e9cb1f4 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -15,7 +15,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {