Update docs for creating notifications to match UI

Author: Stephen Barlow

studio-docs/shared/obtain-graph-api-key.mdx

@@ -14,9 +14,9 @@ import {
 
     **Otherwise**, proceed to the next step.
 
-3. Open your graph's Settings page and scroll down to the API Keys section. Click **Create New Key**. Give your key a name, such as `Production`. This helps you keep track of each API key's use.
+3. Open your graph's Settings page and select the API Keys tab. Click **Create New Key**. Give your key a name, such as `Production`. This helps you keep track of each API key's use.
 
-    > If you don't see the API Keys section, you don't have sufficient permissions for your graph. Only organization members with the `Org Admin` or `Graph Admin` role can manage graph API keys. [Learn more about member roles.](https://www.apollographql.com/docs/studio/org/members/)
+    > If you don't see the API Keys tab, you don't have sufficient permissions for your graph. Only organization members with the `Org Admin` or `Graph Admin` role can manage graph API keys. [Learn more about member roles.](https://www.apollographql.com/docs/studio/org/members/)
 
 4. Copy the key's value. **For security, you cannot view an API key's value in Studio after creating it.**
 

studio-docs/source/img/add-new-alert.jpg

@@ -30,9 +30,10 @@ Currently, Studio can send each of these notification types to the channel(s) in
 > For performance alerts, see [Performance alerts setup](./performance-alerts/#setup).
 
 1. Go to your graph's Settings page in [Apollo Studio](https://studio.apollographql.com/).
-2. Select the **Notifications** tab.
-3. Click **Add notification** in the upper right.
-4. Choose a notification type and click **Next**.
+2. Select the **Reporting** tab.
+3. Click **Add notification** in the upper right:
+    <img src="./img/add-new-alert.jpg" class="screenshot" width="500" alt="Add new alert button" />
+5. Select a notification type and click **Next**:
     <img src="./img/add-notification.jpg" class="screenshot" width="500" alt="Notification creation modal" />
 5. In the dropdown, select which [variant](./org/graphs/#managing-variants) of your graph you want to receive notifications for.
 6. Select an existing configured channel to send notifications to, or select which type of new channel you want to configure:

studio-docs/source/img/add-notification.jpg

@@ -24,14 +24,14 @@ Each performance alert you define can apply to either **a specific operation** o
 ## Setup
 
 1. Go to your graph's Settings page in [Apollo Studio](https://studio.apollographql.com/).
-2. Select the **Notifications** tab and scroll to the bottom of the page:
+2. Select the **Reporting** tab.
+3. Find the Performance Alerts card and click **Add a new alert**.
 
-   <img src="./img/integrations/perf_alert_setup.png" class="screenshot" alt="Performance alert" />
+    <img src="./img/add-new-alert.jpg" class="screenshot" width="500" alt="Add new alert button" />
 
-2. Click **Add new alert**.
-3. Configure the alert's **Operation Name**, **Trigger**, and **Trigger Value** to suit your needs.
-4. Select a **Channel** to send alerts to. You can select **New Channel** from the dropdown if you haven't yet configured the Slack channel or Pagerduty instance you want to use.
-5. Click **Done**.
+4. Configure the alert's **Operation Name**, **Trigger**, and **Trigger Value** to suit your needs.
+5. Select a **Channel** to send alerts to. You can select **New Channel** from the dropdown if you haven't yet configured the Slack channel or Pagerduty instance you want to use.
+6. Click **Create**.
 
 ## Threshold window