3.17: LRC style isnot added to used CSS when enable RUCSS

[Mai-Saad]

Before submitting an issue please check that you’ve completed the following steps:

• Made sure you’re on the latest version => feature/6840-lcr-frontend-subtask
• Used the search feature to ensure that the bug hasn’t been reported before

Describe the bug
When enabling RUCSS while LRC is already created, the used CSS does not contain the LRC CSS

To Reproduce
Steps to reproduce the behavior:

1. Visit a page => LRC added to DB
2. Clear cache and revisit the page => LRC style added to the page
3. Enable RUCSS
4. revisit the page and wait till the used CSS is created then revisit the page => LRC style is not in the source

[data-wpr-lazyrender] {
content-visibility: auto;
} 

Expected behavior
LRC style is preserved in used CSS

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.

Acceptance Criteria (for WP Media team use only)
Clear instructions for developers, to be added before the grooming

[Khadreal]

Reproduce the issue ✅

Yes

Identify the root cause ✅

This is happening in

wp-rocket/inc/Engine/Optimization/RUCSS/Controller/UsedCSS.php

Line 290 in 7999ed2

private function remove_internal_styles_from_html( string $clean_html, string $html ) {

at its remove internal styles from the page.

Scope a solution ✅

Add rocket-lazyrender-inline-css as an attribute to LazyRenderContent CSS here

wp-rocket/inc/Engine/Optimization/LazyRenderContent/Frontend/Controller.php

Line 96 in fb50ef3

$css = '<style>[data-wpr-lazyrender] {content-visibility: auto;}</style>';

for backend to exclude it from being remove during RUCSS process

Estimate the effort ✅

[XS]

[jeawhanlee]

For clarity sake, we're adding and id attribute to the style tag like so: <style id="rocket-lazyrender-inline-css">
LGTM