add pointer events none to all backdrop elements

src/components/Layout/Header/GlassyBackdrop.tsx

@@ -9,5 +9,7 @@ import {atoms as a, useTheme} from '#/alf'
  */
 export function GlassyBackdrop() {
   const t = useTheme()
-  return <View style={[a.absolute, a.inset_0, t.atoms.bg]} />
+  return (
+    <View style={[a.absolute, a.inset_0, t.atoms.bg, a.pointer_events_none]} />
+  )
 }

src/components/Layout/Header/GlassyBackdrop.web.tsx

@@ -17,7 +17,15 @@ export function GlassyBackdrop() {
 
   return (
     <>
-      <View style={[a.absolute, a.inset_0, t.atoms.bg, {opacity: 0.9}]} />
+      <View
+        style={[
+          a.absolute,
+          a.inset_0,
+          t.atoms.bg,
+          a.pointer_events_none,
+          {opacity: 0.9},
+        ]}
+      />
       <View
         style={[
           a.absolute,