fix(native): change person detail screen presentation from slide animation to modal

apps/native/src/app/_layout.tsx

@@ -153,8 +153,7 @@ function AppContent() {
             name="person/[id]"
             dangerouslySingular
             options={{
-              headerShown: true,
+              presentation: "modal",
-              animation: "slide_from_right",
             }}
           />
         </Stack.Protected>

apps/native/src/app/change-password.tsx

@@ -3,6 +3,7 @@ import { Stack, useRouter } from "expo-router";
 import { useRef, useState } from "react";
 import { Alert, ScrollView, type TextInput, View } from "react-native";
 import Animated, { FadeInDown } from "react-native-reanimated";
+import { useResolveClassNames } from "uniwind";
 import { z } from "zod";
 import { Button, ButtonLabel } from "@/components/ui/button";
 import { Spinner } from "@/components/ui/spinner";
@@ -47,6 +48,8 @@ export default function ChangePasswordScreen() {
   const confirmPasswordRef = useRef<TextInput>(null);
   const [revokeOtherSessions, setRevokeOtherSessions] = useState(false);
 
+  const headerTitleStyle = useResolveClassNames("font-display text-xl");
+
   const form = useForm({
     defaultValues: {
       currentPassword: "",
@@ -92,7 +95,9 @@ export default function ChangePasswordScreen() {
       contentInsetAdjustmentBehavior="automatic"
       keyboardShouldPersistTaps="handled"
     >
-      <Stack.Screen.Title>Change Password</Stack.Screen.Title>
+      <Stack.Screen.Title style={headerTitleStyle as Record<string, unknown>}>
+        Change Password
+      </Stack.Screen.Title>
 
       <form.Subscribe
         selector={(state) => ({