Update developer tools image to match current view (#10022)

* Remove icon references

The icons are no longer present for users

* Delete developer-tools.png

* Add updated screenshot for developer tools

* Add icon for new developer tool icon

* Update text to match new developer tools image

* Delete developer-tool-icon.png

* Delete developer-tools.png

* Add files via upload

* ✏️ Tweak

source/_components/apple_tv.markdown

@@ -81,7 +81,7 @@ In order to connect to the device, you need a *login id*. The easiest way to obt
 
 Make sure Home Sharing is enabled on the Apple TV.
 
-To scan for devices and determine the `login_id`, press the icon in the upper left corner and select the leftmost icon according to the image:
+To scan for devices and determine the `login_id`, open the developer tools by selecting the hammer icon in the sidebar. Once in the developer tools select **services**. 
 
 <img src='/images/screenshots/developer-tools.png' />
 
@@ -111,7 +111,7 @@ If you, when playing media with `play_url`, get the following error message:
 
 *“This AirPlay connection requires iOS 7.1 or later, OS X 10.10 or later, or iTunes 11.2 or later.”*
 
-then device authentication is required. Press the icon in the upper left corner and select the leftmost icon according to the image below:
+then device authentication is required, open the developer tools by selecting the hammer icon in the sidebar. Once in the developer tools select **services**. 
 
 <img src='/images/screenshots/developer-tools.png' />
 

source/_docs/tools/dev-tools.markdown

@@ -10,13 +10,13 @@ The frontend contains a section called "Developer Tools".
 Screenshot of Home Assistant's Developer Tools.
 </p>
 
-| Section | Icon | Description |
-| ------- |------| ----- |
-| Services | <img src='/images/screenshots/developer-tool-services-icon.png' alt='service developer tool icon' class="no-shadow" height="38" /> | Calls services from integrations |
-| States | <img src='/images/screenshots/developer-tool-states-icon.png' alt='service developer tool icon' class="no-shadow" height="38" /> | Sets the representation of an entity |
-| Events | <img src='/images/screenshots/developer-tool-events-icon.png' alt='service developer tool icon' class="no-shadow" height="38" /> | Fires events |
-| Templates | <img src='/images/screenshots/developer-tool-templates-icon.png' alt='service developer tool icon' class="no-shadow" height="38" /> | Renders templates |
-| Info | <img src='/images/screenshots/developer-tool-about-icon.png' alt='service developer tool icon' class="no-shadow" height="38" /> | Details about Home Assistant |
+| Section |Description |
+| ------- |----- |
+| Services | Calls services from integrations |
+| States | Sets the representation of an entity |
+| Events | Fires events |
+| Templates | Renders templates |
+| Info | Details about Home Assistant |
 
 ## What can I do with Developer Tools?
 The Developer Tools is meant for **all** (not just for the developers) to quickly try out things - like calling services, update states, raising events, and publish messages in mqtt…etc.). It is also a necessary tool for those who write custom automations and scripts by hand. The following describes each of the section in detail.