Remove the empty line at the top of BBE code snippets and files

[praneesha]

Description

Need to remove the empty line at the top of BBE code snippets as shown below.

We need not keep a new line for the button panel or the copy option of code snippets. For example, see https://play.kotlinlang.org/byExample/01_introduction/04_Null%20Safety.

Related website/documentation area

Add/Uncomment the relevant area label out of the following.

Area/BBEs

Describe the problem(s)

A detailed description of the purpose of this improvement.

Describe your solution(s)

A detailed description of how this improvement will solve the problem described above.

Related issue(s) (optional)

Any related issues such as sub tasks and issues reported in other repositories (e.g., component repositories), similar problems, etc.

Suggested label(s) (optional)

Optional comma-separated list of suggested labels. Non committers can’t assign labels to issues, and thereby, this will help issue creators who are not a committer to suggest possible labels.

Suggested assignee(s) (optional)

Optional comma-separated list of suggested team members who should attend the issue. Non committers can’t assign issues to assignees, and thereby, this will help issue creators who are not a committer to suggest possible assignees.

[sm1990]

@praneesha that is not an empty line. The copy & github buttons are loaded there in a separate div above the code. We cannot load the buttons parallelly as it might overlap the code.

[praneesha]

@sm1990 - Can we have the copy and edit icons aligned with the first line of the code as shown below?

[sm1990]

@praneesha if the 1st line is too long, the icons will overlap the code. In most cases, this might work on desktop view but will break on mobile view.

[anupama-pathirage]

Closing as this is not a priority