style: enhance background brightness on scroll in Navigator component

Author: realtechnerd

src/app/components/Navigator.jsx

@@ -30,7 +30,8 @@ export default function Navigator() {
   return (
     <nav
       className={`sticky top-0 z-10 backdrop-blur-lg bg-charcoalBlack ${
-        scrolled && "transition-all shadow-sm bg-black/75"
+        scrolled &&
+        "transition-all shadow-sm backdrop-brightness-[150%] bg-charcoalBlack/80"
       }`}
     >
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">