Make the logo's backing translucent instead of solid white over the hero

The logo has a transparent PNG background with a dark-gray wordmark,
so it needs a light backing to stay readable over the dark hero photo
- switched from solid white to a translucent frosted white (bg-white/50
+ backdrop-blur) so it reads darker/toned-down while keeping contrast.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

hifi-src/src/components/Navbar.jsx

@@ -107,7 +107,7 @@ export default function Navbar() {
           </button>
         </div>
 
-        <Link to="/" className={`flex items-center justify-self-center rounded-lg px-2 py-1 dark:bg-white ${transparent ? 'bg-white' : ''}`}>
+        <Link to="/" className={`flex items-center justify-self-center rounded-lg px-2 py-1 dark:bg-white ${transparent ? 'bg-white/50 backdrop-blur-sm' : ''}`}>
           <img src={logo} alt="HifiPlanet" className="h-14 w-auto sm:h-16" />
         </Link>