Merge pull request #541 from NMFS-RADFish/540-polish-network-status

540 - Polish network status

Author: jaygiang

examples/network-status/README.md

@@ -2,22 +2,24 @@
 
 [Official Documentation](https://nmfs-radfish.github.io/radfish/)
 
-This example shows you how to detect if a user has network connectivity. If the user is offline a toast alert will be displayed at the top of the app.
+This example demonstrates how to detect if a user has network connectivity. If the user is offline a toast alert will be displayed at the top of the app.
 
 The `useOfflineStatus` hook provides a `isOffline` utility that detects whether or not a user has network connectivity. It uses the `navigator` browser API. Please see the [MDN Navigator Docs](https://developer.mozilla.org/en-US/docs/Web/API/Navigator) for limitations.
 
-Learn more about RADFish examples at the official [documentation](https://nmfs-radfish.github.io/radfish/developer-documentation/examples-and-templates#examples)
+Learn more about RADFish examples at the official [documentation](https://nmfs-radfish.github.io/radfish/developer-documentation/examples-and-templates#examples).
 
 ## Steps
 
-1. Import the following in the `App.jsx` file:
+### 1. Import Required Dependencies
+Import the following in the `App.jsx` file:
    ```jsx
    import React, { useEffect } from "react";
    import { TOAST_CONFIG, TOAST_LIFESPAN, useToast } from "./hooks/useToast";
    import { useOfflineStatus } from "@nmfs-radfish/react-radfish";
    import { Alert } from "@trussworks/react-uswds";
    ```
-2. Within the `App` component create a `useEffect` to handle displaying the toast:
+### 2. Add useEffect for Toast Notifications
+Within the `App` component create a `useEffect` to handle displaying the toast:
    ```jsx
    useEffect(() => {
      if (isOffline) {