Docs: Document new value mappings (#35067)

* Update value-mappings.md

* Update value-mappings.md

* Update whats-new-in-v8-0.md

* Update add-authentication-for-data-source-plugins.md

* Update _index.md

* updates

* Update docs/sources/panels/value-mappings.md

Co-authored-by: achatterjee-grafana <70489351+achatterjee-grafana@users.noreply.github.com>

* Update value-mappings.md

* Update value-mappings.md

* Update panel-editor.md

* Update panel-editor.md

* Update docs/sources/panels/value-mappings.md

Co-authored-by: Torkel Ödegaard <torkel@grafana.org>

* Update value-mappings.md

* Update value-mappings.md

* Update value-mappings.md

* Update value-mappings.md

* Update value-mappings.md

* Update value-mappings.md

Co-authored-by: achatterjee-grafana <70489351+achatterjee-grafana@users.noreply.github.com>
Co-authored-by: Torkel Ödegaard <torkel@grafana.org>

docs/sources/panels/panel-editor.md

@@ -19,12 +19,6 @@ There are several ways to access the panel editor, also called the **Edit Panel*
 - Click the title of an existing panel and then click **Edit**. The panel opens in edit mode.
 - Click anywhere on an existing panel and then press **e** on your keyboard. The panel opens in edit mode.
 
-## Resize panel editor sections
-
-Drag to resize sections of the panel editor. If the side pane becomes too narrow, then the Panel, Field, and Overrides tabs change to a dropdown list.
-
-{{< figure src="/static/img/docs/panel-editor/resize-panel-editor-panels-7-0.gif" class="docs-image--no-shadow" max-width="600px" >}}
-
 ## Parts of the panel editor
 
 This section describes the parts of the panel editor screen and a bit about fields, options, or tasks associated with each part. Some sections in this page link to pages where sections or tasks are documented more fully.
@@ -46,8 +40,9 @@ On the right side of the header are the following options:
 
 The visualization preview section contains viewing options, time range controls, the visualization preview, and (if applicable) the panel title, axes, and legend.
 
-{{< figure src="/static/img/docs/panel-editor/visualization-preview-7-0.png" class="docs-image--no-shadow" max-width="1200px" >}}
+{{< figure src="/static/img/docs/panel-editor/visualization-preview-8-0.png" class="docs-image--no-shadow" max-width="1200px" >}}
 
+- **Table view -** Convert any visualization to a table so that you can see the data. Useful for troubleshooting.
 - **Fill -** The visualization preview will fill the available space in the preview part. If you change the width of the side pane or height of the bottom pane the visualization will adapt to fill whatever space is available.
 - **Fit -** The visualization preview will fill the available space in but preserve the aspect ratio of the panel.
 - **Exact -** The visualization preview will have the exact size as the size on the dashboard. If not enough space is available, the visualization will scale down preserving the aspect ratio.
@@ -57,7 +52,7 @@ The visualization preview section contains viewing options, time range controls,
 
 The section contains tabs where you enter queries, transform your data, and create alert rules (if applicable).
 
-{{< figure src="/static/img/docs/panel-editor/data-section-7-0.png" class="docs-image--no-shadow" max-width="1200px" >}}
+{{< figure src="/static/img/docs/panel-editor/data-section-8-0.png" class="docs-image--no-shadow" max-width="1200px" >}}
 
 - **Query tab -** Select your data source and enter queries here. For more information, refer to [Queries]({{< relref "queries.md" >}}).
 - **Transform tab -** Apply data transformations. For more information, refer to [Transformations]({{< relref "transformations/_index.md" >}}).