Fix (Debugger) Add debugger screenshots to Konnect troubleshooting article (#2749)

* Added 3 images under 3 H3s
Added 3 images to Assets Images Konnect

* Pesky plural removed for image

* linguistic tweak

* Include a pesky plural

* plural

---------

Co-authored-by: TuannasCodeCatastrophe <[email protected]>
Co-authored-by: Angel <[email protected]>

Author: 3 people

app/assets/images/konnect/debugger-trace-logs-view.png

@@ -64,19 +64,28 @@ For deeper insights, logs can be captured along with traces. When initiating a d
 Traces captured during a debug session can be visualized in debugger's built-in trace viewer. The trace viewer displays  **Summary**, **Spans**  and **Logs** view. You can gain instant insights with the summary view while the spans and logs view help you to dive deeper.
 
 ### Summary view
-Summary view helps you visualize the entire API request-response flow in a single glance. This view provides a concise overview of critical latency metrics and a transaction map. The lifecycle map includes the different phases of {{site.base_gateway}} and the plugins executed by {{site.base_gateway}} on both the request and the response along with the times spent in each phase. Use the summary view to quickly understand the end-to-end API flow, identify performance bottlenecks, and optimize your API strategy.
+Summary view helps you visualize the entire API request-response flow in a single glance. This view provides a concise overview of critical latency metrics and a transaction map. The lifecycle map includes the different phases of {{site.base_gateway}} and the plugins executed by {{site.base_gateway}} on both the request and the response along with the times spent in each phase. 
+
+Use the summary view to quickly understand the end-to-end API flow, identify performance bottlenecks, and optimize your API strategy:
+![Debugger Summary view](/assets/images/konnect/debugger-trace-summary-view.png)
 
 ### Spans view
-The span view gives you unparalleled visibility into {{site.base_gateway}}’s internal workings. This detailed view breaks down into individual spans, providing a comprehensive understanding of:
+The spans view gives you unparalleled visibility into {{site.base_gateway}}’s internal workings. This detailed view breaks down into individual spans, providing a comprehensive understanding of:
 
 * {{site.base_gateway}}’s internal processes and phases
 * Plugin execution and performance
 * Request and response handling
 
-For detailed definitions of each span, see [Debugger spans](/gateway/debugger-spans/). Use the span view to troubleshoot issues, optimize performance, and refine your configuration.
-### Logs View
-A drill-down view of all the logs generated during specific debug session are shown in the logs tab. All the spans in the trace are correlated using `trace_id` and `span_id`. The logs can be filtered on log level and spans. Logs are displayed in reverse chronological order. {{site.konnect_short_name}} encrypts all the logs that are ingested. You can further ensure complete privacy and control by using customer-managed encryption keys (CMEK).
-Use the logs view to quickly troubleshoot and pinpoint issues.
+For detailed definitions of each span, see [Debugger spans](/gateway/debugger-spans/). 
+
+Use the spans view to troubleshoot issues, optimize performance, and refine your configuration:
+![Debugger Spans view](/assets/images/konnect/debugger-trace-span-view.png)
+
+### Logs view
+The logs view gives you a drill-down view of all the logs generated during specific debug session. All the spans in the trace are correlated using `trace_id` and `span_id`. The logs can be filtered on log level and spans. Logs are displayed in reverse chronological order. {{site.konnect_short_name}} encrypts all the logs that are ingested. You can further ensure complete privacy and control by using customer-managed encryption keys (CMEK).
+
+Use the logs view to quickly troubleshoot and pinpoint issues:
+![Debugger Logs view](/assets/images/konnect/debugger-trace-logs-view.png)
 
 ## Payload capture