docs: grammar cleanup (#4268)

Author: Yarles404

docs/docs/guides/08-theming-with-react-navigation.md

@@ -4,9 +4,9 @@ title: Theming with React Navigation
 
 # Theming with React Navigation
 
-In this guide we will look into how to apply theming for an application using React Native Paper and React Navigation at the same time.
+In this guide, we will look into how to apply theming for an application using React Native Paper and React Navigation at the same time.
 
-Offering different theme options, especially dark/light ones, becomes increasingly a standard requirement of the modern mobile application. Fortunately, both React Navigation and React Native Paper support configurable theming out-of-the-box.
+Offering different theme options, especially dark/light ones, has become increasingly a standard requirement of the modern mobile application. Fortunately, both React Navigation and React Native Paper support configurable theming out-of-the-box.
 But how to make them work together?
 
 ## Themes adaptation
@@ -29,9 +29,9 @@ import {
 
 ### Material Design 3
 
-From v5, React Native Paper theme colors structure is following the Material Design 3 <i>(known as Material You)</i> colors system, which differs significantly from both previous Paper's theme and React Navigation theme. 
+From v5, React Native Paper theme colors structure follows the Material Design 3 <i>(known as Material You)</i> colors system, which differs significantly from both the previous Paper's theme and React Navigation theme. 
 
-However, to simplify adapting React Navigation theme colors, to use the ones from React Native Paper, it's worth using a utility called `adaptNavigationTheme` – it accepts navigation compliant themes in both modes and returns their equivalents adjusted to Material Design 3.
+However, to simplify adapting React Navigation theme colors, to use the ones from React Native Paper, it's worth using a utility called `adaptNavigationTheme` – it accepts navigation-compliant themes in both modes and returns their equivalents adjusted to Material Design 3.
 
 ```ts
 import {
@@ -58,8 +58,8 @@ import {
 ## Combining theme objects
 
 Both libraries require a wrapper to be used at the entry point of the application.
-React Navigation exposes `NavigationContainer` which ensures that navigation works correctly, but also accepts `theme` as an optional property. Read more about setting up navigation [here](https://reactnavigation.org/docs/getting-started/).
-For React Native Paper theme to work, we need to use `PaperProvider` also at application's entry point.
+React Navigation exposes `NavigationContainer`, which ensures that navigation works correctly and accepts `theme` as an optional property. Read more about setting up navigation [here](https://reactnavigation.org/docs/getting-started/).
+For React Native Paper theme to work, we need to use `PaperProvider` also at the application's entry point.
 
 ```js
 import { NavigationContainer } from '@react-navigation/native';
@@ -121,7 +121,7 @@ export default function App() {
 
 Our goal here is to combine those two themes, so that we could control the theme for the entire application from a single place.
 
-To make things easier we can use [deepmerge](https://www.npmjs.com/package/deepmerge) package. With `yarn` we can install it like this
+To make things easier we can use [deepmerge](https://www.npmjs.com/package/deepmerge) package. We can install it with:
 
 ```bash npm2yarn
 npm install deepmerge
@@ -243,15 +243,15 @@ export default function App() {
 
 ## Customizing theme
 
-We don't need to limit ourselves to the themes offered by the libraries in default. Both packages allow for custom themes to be applied.
-You can learn all about it their documentations:
+We don't need to limit ourselves to the themes offered by the libraries' default. Both packages allow for custom themes to be applied.
+You can learn all about it in their documentation:
 
 - [Theming in React Navigation](https://reactnavigation.org/docs/themes/)
 - [Theming in React Native Paper](https://callstack.github.io/react-native-paper/docs/guides/theming)
 
 ## React Context for theme customization
 
-Now, we wouldn't want to stay forever with dark theme being on, which is why we need to gain the ability to control theme dynamically. A bit of state management is needed for this purpose.
+Now, we wouldn't want to stay on dark theme forever, which is why we need to gain the ability to control theme dynamically. A bit of state management is needed for this purpose.
 
 React Context proves itself very useful in handling cross-cutting concerns like global theme handling, so we will use just that.
 
@@ -311,7 +311,7 @@ export default function App() {
 }
 ```
 
-Now that the Context is available at every component, all we need to do is import it. Next thing is to provide the user with some UI element to control changing the theme. We will use `Paper`'s [Switch](https://callstack.github.io/react-native-paper/docs/components/Switch) for this purpose.
+Now that the Context is available at every component, all we need to do is import it. Next, provide the user with some UI element to control changing the theme. We will use `Paper`'s [Switch](https://callstack.github.io/react-native-paper/docs/components/Switch) for this purpose.
 
 ```js
 import React from 'react';
@@ -347,10 +347,10 @@ And now you can switch between light and dark theme!
 
 Thanks to the linking of themes that we did earlier, switching themes can be controlled with only one piece of state.
 
-React Native Paper components will automatically use provided theme thanks to the `PaperProvider` that is wrapped around the entry point of our application, but we can also access theme values manually with `useTheme` hook,
+React Native Paper components will automatically use the provided theme thanks to the `PaperProvider` that is wrapped around the entry point of our application, but we can also access theme values manually with `useTheme` hook,
 exposed by the library. You can see how it's done in the `Header` component code above.
 
 If light/dark themes are not enough for your use case, you can learn more about creating Material Design themes [here](https://material.io/design/material-theming/implementing-your-theme.html#color).
-On `main` branch of the example app, you will find implemented [Menu](https://callstack.github.io/react-native-paper/docs/components/Menu) component, which allows to choose a few custom themes. Inspecting code in `utils` and `Header` may give you some idea how to use your own themes with `Paper`, in addition to dedicated [docs](https://callstack.github.io/react-native-paper/docs/components/Menu).
+On `main` branch of the example app, you will find implemented [Menu](https://callstack.github.io/react-native-paper/docs/components/Menu) component, which allows you to choose a few custom themes. Inspecting code in `utils` and `Header` may give you some idea of how to use your own themes with `Paper`, in addition to dedicated [docs](https://callstack.github.io/react-native-paper/docs/components/Menu).
 
 Read more about integrating `Paper` with `React Navigation` in a brilliant [article](https://reactnavigation.org/blog/2020/01/29/using-react-navigation-5-with-react-native-paper/) by [@trensik](https://twitter.com/trensik)