Dashboard: replace three dot menu by pencil to reflect current SW (#31660)

* Dashboard: replace three dot menu by pencil to reflect current SW

* Fix markdown

source/_includes/dashboard/edit_dashboard.md

@@ -3,6 +3,10 @@
 {% capture title %}{{ include.title | default: page.title }}{% endcapture %}
 
 To add the {{ title | downcase }} to your user interface:
-1. In the top right of the screen, select the three dots menu and then select **Edit dashboard**.
-   - By editing the dashboard, you are taking over control of this dashboard. This means that it is no longer automatically updated when new dashboard elements become available. To continue, in the dialog, select **Take control**.
-2. In the bottom right corner, select the **Add card** button  and select from the card picker.
+
+1. In the top right of the screen, select the pencil icon.
+   - If this is your first time editing a dashboard, the **Edit dashboard** dialog appears.
+     - By editing the dashboard, you are taking over control of this dashboard.
+     - This means that it is no longer automatically updated when new dashboard elements become available.
+     - To continue, in the dialog, select the three dots menu, then select **Take control**.
+2. In the bottom right corner, select the **Add card** button and select from the card picker.

source/getting-started/onboarding_dashboard.markdown

@@ -46,7 +46,7 @@ The procedure below is optional. The idea is to learn some basics on changing th
    - You now see the forecast card on the dashboard.
 
 7. Now let's delete the other weather card.
-   - In the top right corner, select the three-dot menu, then select **Edit dashboard**.
+   - In the top right corner, select the pencil.
    ![Dashboard - edit the dashboard](/images/getting-started/onboarding_edit_dashboard_01.png)
    - On the card, select the three-dot menu and select **Delete**.
    ![Dashboard - delete card](/images/getting-started/onboarding_dashboard_delete_card.png)