docs: show selected path if block scroll in view

[RaiVaibhav]

Fixes: #6081
In output section of playground, as per the code-block in view, show the selected path on the left side.

(Also mentioned about this change in discord, kindly close the PR is its not needed)

Overview

What is it?

• Feature / enhancement
• Bug
• Docs / tests / types / typos

Description

Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.

Use cases and why

• 1. One use case
• 2. Another use case

Checklist:

• My code follows the developer guidelines of this project
• I have performed a self-review of my own code
• I have made corresponding changes to the documentation
• Added new tests to cover the fix / functionality

[netlify]

👷 Deploy request for qwik-insights pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	76f3318

[RaiVaibhav]

• In output section of playground, as per the code-block in view, show the selected path on the left side i.e., using scroll to view and setting the path as a selected and changing the text color ?
• In output section of playground, we should have an option to copy the code from the code-block?

These two points are done

[RaiVaibhav]

Hey @wmertens, kindly let me know what you think about these changes

Instead of using the drawer I changed the grid layout for mobile devices, I feel this is better?

Recording.2024-04-02.132532.mp4

[RaiVaibhav]

Hey @wmertens have a look at the comment #6079 (comment) and let me know what you feel about the changes, so that I can proceed towards completing the PR.

[wmertens]

Looks good!

[RaiVaibhav]

Thanks I will start on this again

[PatrickJS]

once this is update I'll merge it

[PatrickJS]

I fixed the pr. merged

[RaiVaibhav]

Hey @PatrickJS sorry for delay on this PR, got quite busy with personal and medical works.

[PatrickJS]

@RaiVaibhav np. the pr was done right?

[RaiVaibhav]

One use case was left, which I was not getting the time to sit - Layout should be resizable

[PatrickJS]

can you make an issue for whats left so we can keep track of it