switched configuration intro

source/frameworks/react/providers-hooks.txt

@@ -105,14 +105,13 @@ This section details how to configure and expose a single realm using a ``RealmP
 imported directly from ``@realm/react``. For information about using ``createRealmContext()``
 to configure a realm or exposing more than one realm, refer to their respective sections below.
 
-If you are developing an app using sync, you will need to use all three Providers. If you are
-developing an app without sync, you only need to use ``RealmProvider``.
-
 .. tabs::
 
    .. tab:: Configure realm with sync
       :tabid: configure-sync-realm
 
+      If you are developing an app using sync, you will need to use all three Providers. 
+
       By default, Realm syncs all data from the server before returning anything. If you want
       to sync data in the background, read Configure a Synced Realm While Offline [link]. 
 
@@ -150,6 +149,8 @@ developing an app without sync, you only need to use ``RealmProvider``.
    .. tab:: Configure realm without sync
       :tabid: configure-non-sync-realm
 
+      If you are developing an app without sync, you only need to use ``RealmProvider``.
+
       To configure a non-synced realm:
 
       #. Import ``RealmProvider`` from ``@realm/react``.