Fix screenshot downloader

[CoolSoulz]

Description

Issue Fixes

None

Checklist:

• I am pushing changes to the develop branch
• I am using the recommended development environment
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have formatted and linted my code using python-black and pylint
• I have cleaned up unnecessary files
• My changes generate no new warnings
• My changes follow the existing code-style
• My changes are relevant to the project

Any other information (e.g how to test the changes)

None

[Copilot]

Pull Request Overview

This PR refactors the screenshot downloader to use custom Shreddit components, adds logic to ensure comment content is visible before capturing, and adjusts zoom/clip calculations.

• Swapped raw CSS selectors ([data-test-id], #t1_…) for shreddit-post and shreddit-comment tags
• Introduced retry loop to reveal hidden comment elements before screenshotting
• Updated scroll, zoom, and bounding box logic to use the new target selector

Comments suppressed due to low confidence (2)

video_creation/screenshot_downloader.py:180

• [nitpick] The variable name location is a dictionary of clipping coordinates; consider renaming it to something like bbox or clip_box for clarity.

location = page.locator('shreddit-post').bounding_box()

video_creation/screenshot_downloader.py:247

• [nitpick] The inline comment includes Chinese (或 'inline'), which may be unclear to some developers; consider translating or clarifying the intended alternative behavior.

element.style.display = 'block'; // 或 'inline'

[Copilot]

Defining a custom exception inside the try block for control flow can be confusing; consider using a simple flag or breaking out of the loop instead.

[Copilot]

The selector div#-post-rtjson-content looks like it’s missing the dynamic prefix; it should include the comment ID (e.g., div#t1_{comment_id}-post-rtjson-content).

Suggested change

	target = f'shreddit-comment[thingid="t1_{comment["comment_id"]}"] div#t1_{comment["comment_id"]}-comment-rtjson-content div#-post-rtjson-content'
	target = f'shreddit-comment[thingid="t1_{comment["comment_id"]}"] div#t1_{comment["comment_id"]}-comment-rtjson-content div#t1_{comment["comment_id"]}-post-rtjson-content'

[Copilot]

Polling every second for up to 30 seconds may slow down overall execution; consider using Playwright’s page.wait_for_selector(target, timeout=30000) instead.

Suggested change

	for _ in range(30):
	page.evaluate("""
	(target) => {
	const element = document.querySelector(target);
	if (element) {
	element.style.display = 'block'; // 或 'inline'
	element.style.visibility = 'visible';
	}
	}
	""", target)
	page.wait_for_selector(target, timeout=30000)
	target = f'shreddit-comment[thingid="t1_{comment["comment_id"]}"] div#t1_{comment["comment_id"]}-comment-rtjson-content div#-post-rtjson-content'
	visible = page.locator(target).is_visible()
	if not visible: