change card

src/navigation/MainStack.js

@@ -17,6 +17,7 @@ import ResetPassword from "../screens/ResetPassword";
 import ChooseDecor from "../screens/Playback/ChooseDecor";
 import CreatingDecor from "../screens/Playback/CreatingDecor";
 import Playback from "../screens/Playback/Playback";
+import PlaybackGuide from "../screens/Playback/PlaybackGuide";
 import PlaybackOnboarding from "../screens/Playback/PlaybackOnboarding";
 import RecordPlayback from "../screens/Playback/RecordPlayback";
 import RecordedPlayback from "../screens/Playback/RecordedPlayback";
@@ -80,10 +81,10 @@ const screenOptions = {
   headerBackTitleVisible: false,
   ...(isWeb
     ? {
-        // Avoid web-specific pointerEvents issues by disabling animations/gestures
-        animationEnabled: false,
-        gestureEnabled: false,
-      }
+      // Avoid web-specific pointerEvents issues by disabling animations/gestures
+      animationEnabled: false,
+      gestureEnabled: false,
+    }
     : {}),
 };
 
@@ -228,6 +229,10 @@ const baseScreens = [
     name: Routes.Playback,
     component: Playback,
   },
+  {
+    name: Routes.PlaybackGuide,
+    component: PlaybackGuide,
+  },
   {
     name: Routes.RecordPlayback,
     component: RecordPlayback,

src/navigation/Routes.js

@@ -56,6 +56,7 @@ export const Routes = {
 
   PlaybackOnboarding: "PlaybackOnboarding",
   Playback: "Playback",
+  PlaybackGuide: "PlaybackGuide",
   RecordPlayback: "RecordPlayback",
   RecordedPlayback: "RecordedPlayback",
   ChooseDecor: "ChooseDecor",