fix(voip): fold controlsVisible into set() calls, update snapshots, remove progress doc

Merge controlsVisible: true into existing Zustand set() calls instead
of separate showControls() to avoid double renders. Update stale
MediaCallHeader snapshots and remove planning doc from repo.

Author: diegolmello

app/containers/MediaCallHeader/__snapshots__/MediaCallHeader.test.tsx.snap

@@ -26,6 +26,8 @@ exports[`Story Snapshots: ActiveCall should match snapshot 1`] = `
           "paddingTop": 12,
         },
         {
+          "backgroundColor": "#E4E7EA",
+          "borderBottomColor": "#CBCED1",
           "opacity": 1,
           "transform": [
             {
@@ -382,6 +384,8 @@ exports[`Story Snapshots: Collapsed should match snapshot 1`] = `
           "paddingTop": 12,
         },
         {
+          "backgroundColor": "#E4E7EA",
+          "borderBottomColor": "#CBCED1",
           "opacity": 1,
           "transform": [
             {
@@ -738,6 +742,8 @@ exports[`Story Snapshots: ConnectingCall should match snapshot 1`] = `
           "paddingTop": 12,
         },
         {
+          "backgroundColor": "#E4E7EA",
+          "borderBottomColor": "#CBCED1",
           "opacity": 1,
           "transform": [
             {
@@ -1090,6 +1096,8 @@ exports[`Story Snapshots: Focused should match snapshot 1`] = `
           "paddingTop": 12,
         },
         {
+          "backgroundColor": "#E4E7EA",
+          "borderBottomColor": "#CBCED1",
           "opacity": 1,
           "transform": [
             {
@@ -1466,6 +1474,8 @@ exports[`Story Snapshots: WithRemoteHeld should match snapshot 1`] = `
           "paddingTop": 12,
         },
         {
+          "backgroundColor": "#E4E7EA",
+          "borderBottomColor": "#CBCED1",
           "opacity": 1,
           "transform": [
             {
@@ -1822,6 +1832,8 @@ exports[`Story Snapshots: WithRemoteMuted should match snapshot 1`] = `
           "paddingTop": 12,
         },
         {
+          "backgroundColor": "#E4E7EA",
+          "borderBottomColor": "#CBCED1",
           "opacity": 1,
           "transform": [
             {

app/lib/services/voip/useCallStore.ts

@@ -163,8 +163,7 @@ export const useCallStore = create<CallStore>((set, get) => ({
 			if (!currentCall) return;
 
 			const newState = currentCall.state;
-			set({ callState: newState });
-			get().showControls();
+			set({ callState: newState, controlsVisible: true });
 
 			// Set start time when call becomes active
 			if (newState === 'active' && !get().callStartTime) {
@@ -180,9 +179,9 @@ export const useCallStore = create<CallStore>((set, get) => ({
 				isMuted: currentCall.muted,
 				isOnHold: currentCall.held,
 				remoteMute: currentCall.remoteMute,
-				remoteHeld: currentCall.remoteHeld
+				remoteHeld: currentCall.remoteHeld,
+				controlsVisible: true
 			});
-			get().showControls();
 		};
 
 		const handleEnded = () => {
@@ -242,8 +241,7 @@ export const useCallStore = create<CallStore>((set, get) => ({
 
 	toggleFocus: () => {
 		const isFocused = get().focused;
-		set({ focused: !isFocused });
-		get().showControls();
+		set({ focused: !isFocused, controlsVisible: true });
 		if (isFocused) {
 			Navigation.back();
 		} else {