(DOCSP-27002): @realm/react-ify Create and Delete Users page (#2567)

## Pull Request Info

@realm/react-ify Create and Delete Users page

### Jira

- https://jira.mongodb.org/browse/DOCSP-27002

### Staged Changes

- [Create & Delete Users (React
Native)](https://docs-mongodbcom-staging.corp.mongodb.com/realm/docsworker-xlarge/DOCSP-27002/sdk/react-native/manage-users/create-and-delete-users/)

### Reminder Checklist

If your PR modifies the docs, you might need to also update some
corresponding
pages. Check if completed or N/A.

- [x] Create Jira ticket for corresponding docs-app-services update(s),
if any
- [x] Checked/updated Admin API
- [x] Checked/updated CLI reference

### Review Guidelines


[REVIEWING.md](https://github.com/mongodb/docs-realm/blob/master/REVIEWING.md)

Author: mongodben

examples/react-native/__tests__/ts/authentication/delete-user.test.tsx

@@ -0,0 +1,65 @@
+// :snippet-start: delete-user
+import React from 'react';
+import {useApp, useUser} from '@realm/react';
+// :remove-start:
+import {UserProvider} from '@realm/react';
+import {Credentials} from 'realm';
+import {App} from 'realm';
+import {AppProvider} from '@realm/react';
+import {render, fireEvent, waitFor} from '@testing-library/react-native';
+import {View, Button} from 'react-native';
+
+const APP_ID = 'example-testers-kvjdy';
+
+function AppWrapper() {
+  return (
+    <View>
+      <AppProvider id={APP_ID}>
+        <MyApp />
+      </AppProvider>
+    </View>
+  );
+}
+
+function MyApp() {
+  const [loggedIn, setLoggedIn] = React.useState(false);
+  const app = useApp();
+
+  React.useEffect(() => {
+    app.logIn(Credentials.anonymous()).then(user => user && setLoggedIn(true));
+  }, []);
+  // ...
+  return loggedIn ? (
+    <View>
+      <UserProvider>
+        <DeleteUser />
+      </UserProvider>
+    </View>
+  ) : null;
+}
+// :remove-end:
+
+function DeleteUser() {
+  const app = useApp();
+  const user = useUser();
+
+  async function deleteUser() {
+    // Delete the currently logged in user
+    await app.deleteUser(user);
+    expect(app.currentUser).toBeNull(); // :remove:
+  }
+  // ...
+  // :remove-start:
+  return <Button onPress={deleteUser} testID='test-delete-user' title='Test Me!' />;
+  // :remove-end:
+}
+// :snippet-end:
+
+afterEach(async () => await App.getApp(APP_ID).currentUser?.logOut());
+
+test('delete user', async () => {
+  const {getByTestId} = render(<AppWrapper />);
+  const button = await waitFor(() => getByTestId('test-delete-user'));
+  fireEvent.press(button);
+  await waitFor(() => expect(App.getApp(APP_ID).currentUser).toBeNull());
+});

source/examples/generated/react-native/ts/delete-user.test.snippet.delete-user.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import {useApp, useUser} from '@realm/react';
+
+function DeleteUser() {
+  const app = useApp();
+  const user = useUser();
+
+  async function deleteUser() {
+    // Delete the currently logged in user
+    await app.deleteUser(user);
+  }
+  // ...
+}

source/sdk/react-native/manage-users/create-and-delete-users.txt

@@ -34,9 +34,8 @@ Call the :js-sdk:`App.deleteUser() <Realm.App.html#deleteUser>` on a user object
 the user's account from your Realm application. This deletes the account from
 the server in addition to clearing local data.
 
-
-.. literalinclude:: /examples/generated/node/authenticate.snippet.delete-user.js
-   :language: javascript
+.. literalinclude:: /examples/generated/react-native/ts/delete-user.test.snippet.delete-user.tsx
+   :language: typescript
 
 To use your app in the future, the user must sign up for a new account. 
 They can use the same credentials (depending on the authentication provider),