docs: Restructure resource group and virtual network into separate tabbed sections

- Create separate '## Create a resource group' section with Portal/PowerShell/CLI tabs
- Create separate '## Create a virtual network' section with Portal/PowerShell/CLI tabs
- Remove duplicate resource group creation from PowerShell and CLI sections
- Improve document organization and clarity

Author: asudbring

articles/virtual-network/tutorial-connect-virtual-networks.md

@@ -56,10 +56,10 @@ If you choose to install and use PowerShell locally, this article requires the A
 
 ---
 
-### [Portal](#tab/portal)
-
 ## Create a resource group
 
+### [Portal](#tab/portal)
+
 1. Sign in to the [Azure portal](https://portal.azure.com).
 
 1. In the search box at the top of the portal, enter **Resource group**. Select **Resource groups** in the search results.
@@ -78,8 +78,34 @@ If you choose to install and use PowerShell locally, this article requires the A
 
 1. Select **Create**.
 
+### [PowerShell](#tab/powershell)
+
+Create a resource group with [New-AzResourceGroup](/powershell/module/az.resources/new-azresourcegroup). The following example creates a resource group named **test-rg** in the **eastus2** location.
+
+```azurepowershell-interactive
+$resourceGroup = @{
+    Name = "test-rg"
+    Location = "EastUS2"
+}
+New-AzResourceGroup @resourceGroup
+```
+
+### [CLI](#tab/cli)
+
+Create a resource group with [az group create](/cli/azure/group). The following example creates a resource group named **test-rg** in the **eastus2** location.
+
+```azurecli-interactive 
+az group create \
+    --name test-rg \
+    --location eastus2
+```
+
+---
+
 ## Create a virtual network
 
+### [Portal](#tab/portal)
+
 1. In the search box at the top of the portal, enter **Virtual network**. Select **Virtual networks** in the search results.
 
 1. Select **+ Create**.
@@ -162,16 +188,6 @@ Repeat the previous steps to create a second virtual network with the following
 
 ### [PowerShell](#tab/powershell)
 
-Before creating a virtual network, you must create a resource group for the virtual network and all other resources created in this article. Create a resource group with [New-AzResourceGroup](/powershell/module/az.resources/new-azresourcegroup). The following example creates a resource group named **test-rg** in the **eastus** location.
-
-```azurepowershell-interactive
-$resourceGroup = @{
-    Name = "test-rg"
-    Location = "EastUS2"
-}
-New-AzResourceGroup @resourceGroup
-```
-
 Create a virtual network with [New-AzVirtualNetwork](/powershell/module/az.network/new-azvirtualnetwork). The following example creates a virtual network named **vnet-1** with the address prefix **10.0.0.0/16**.
 
 ```azurepowershell-interactive
@@ -278,14 +294,6 @@ $virtualNetwork2 | Set-AzVirtualNetwork
 
 ### [CLI](#tab/cli)
 
-Before creating a virtual network, you must create a resource group for the virtual network and all other resources created in this article. Create a resource group with [az group create](/cli/azure/group). The following example creates a resource group named **test-rg** in the **eastus** location.
-
-```azurecli-interactive 
-az group create \
-    --name test-rg \
-    --location eastus2
-```
-
 Create a virtual network with [az network vnet create](/cli/azure/network/vnet#az-network-vnet-create). The following example creates a virtual network named **vnet-1** with the address prefix **10.0.0.0/16**.
 
 ```azurecli-interactive