feat: Refactor drawer for improved animations and update shadow styles across components

src/app/page.tsx

@@ -22,23 +22,20 @@ export default function HomePage() {
 
   return (
     <main className="relative h-dvh w-screen overflow-hidden bg-black text-white font-serif">
-      {/* Unified shadow container for navbar + drawer */}
-      <div className="absolute top-0 left-0 right-0 bottom-0 pointer-events-none z-[1000]" style={{ boxShadow: 'inset 0 0 40px 10px rgb(0 0 0 / 0.3)' }}>
-        {/* Navbar - always visible */}
-        <Navbar isDiscoveryOpen={isDiscoveryOpen} onToggleDiscovery={() => setIsDiscoveryOpen(!isDiscoveryOpen)} />
+      {/* Navbar - always visible */}
+      <Navbar isDiscoveryOpen={isDiscoveryOpen} onToggleDiscovery={() => setIsDiscoveryOpen(!isDiscoveryOpen)} />
 
-        {/* Right Drawer - only render after mount to prevent hydration mismatch */}
-        {mounted && (
-          <Drawer
-            shop={selectedShop}
-            shops={COFFEE_SHOPS}
-            onSelect={setSelectedShop}
-            onClose={() => setSelectedShop(null)}
-            isOpen={isDiscoveryOpen}
-            onToggleOpen={() => setIsDiscoveryOpen(false)}
-          />
-        )}
-      </div>
+      {/* Right Drawer - only render after mount to prevent hydration mismatch */}
+      {mounted && (
+        <Drawer
+          shop={selectedShop}
+          shops={COFFEE_SHOPS}
+          onSelect={setSelectedShop}
+          onClose={() => setSelectedShop(null)}
+          isOpen={isDiscoveryOpen}
+          onToggleOpen={() => setIsDiscoveryOpen(false)}
+        />
+      )}
 
       {/* Map Background */}
       <div className="absolute inset-0 z-0">
@@ -48,6 +45,7 @@ export default function HomePage() {
             setSelectedShop(shop);
           }}
           selectedShop={selectedShop}
+          isDiscoveryOpen={isDiscoveryOpen}
         />
       </div>