bug: Layout Issue in PDF Print View (Code Overlay Problem)

[YASHGUPTA-007]

Describe the bug:-
When printing the content as a PDF, the code blocks on the next page are partially shadowed and overlap with the page header (Authentication 1 of 7). This makes the code difficult to read and interferes with the overall layout.

To Reproduce:-
Steps to reproduce the behavior:

Open the content in the browser:-
Go to the print view or print it as a PDF.
Observe the shadowing and overlapping of the code block with the header text on the next page.
Expected behavior:- The code blocks should be fully visible without shadowing or overlapping with other elements such as headers. The layout should ensure readability.

Screenshots or GIFs
Done

Info (please complete the following information):

Operating System: Windows 11
This issue appears to be related to the CSS used for the print view. Adding proper page breaks or adjusting header and footer positioning could help resolve the problem.