Move headerMode out of global shell state (#10527)

src/state/shell/index.tsx

@@ -14,7 +14,6 @@ export {
 export {
   useEnableMinimalShellMode,
   useEnableMinimalShellModeForScreen,
-  useMinimalShellMode,
 } from './minimal-mode'
 export {useOnboardingDispatch, useOnboardingState} from './onboarding'
 export {useTickEveryMinute} from './tick-every-minute'

src/state/shell/minimal-mode.tsx

@@ -14,7 +14,6 @@ import {
 import {useFocusEffect} from '@react-navigation/native'
 
 type StateContext = {
-  headerMode: SharedValue<number>
   footerMode: SharedValue<number>
 }
 type SetContext = {
@@ -28,24 +27,18 @@ const setContext = createContext<SetContext | null>(null)
 setContext.displayName = 'MinimalModeSetContext'
 
 export function Provider({children}: React.PropsWithChildren<{}>) {
-  const headerMode = useSharedValue(0)
   const footerMode = useSharedValue(0)
 
   const setModeWorklet = useCallback(
     (v: boolean) => {
       'worklet'
-      headerMode.set(() =>
-        withSpring(v ? 1 : 0, {
-          overshootClamping: true,
-        }),
-      )
       footerMode.set(() =>
         withSpring(v ? 1 : 0, {
           overshootClamping: true,
         }),
       )
     },
-    [headerMode, footerMode],
+    [footerMode],
   )
 
   // defaults to "visible", if the count is >0 it gets hidden
@@ -74,10 +67,9 @@ export function Provider({children}: React.PropsWithChildren<{}>) {
 
   const value = useMemo(
     () => ({
-      headerMode,
       footerMode,
     }),
-    [headerMode, footerMode],
+    [footerMode],
   )
   return (
     <stateContext.Provider value={value}>