Added scroll to top option

[Shalini22-ui]

I have added scroll to top option for users to reach to the top of page with just one click easily.

Please merge this issue.
Solved issue #87

[greptile-apps]

Greptile Summary

This PR adds a scroll-to-top button to the submit-challenge page to address issue #87. The implementation includes a simple anchor link (<a href="#top" class="to-top">⬆ Top</a>) positioned as a fixed element in the bottom-right corner of the page. The button is styled with the application's green color scheme (#059669) and positioned at bottom: 20px, right: 150px to maintain visual consistency with other interactive elements.

To accommodate the new button, the existing chat container position was adjusted upward from bottom: 20px to bottom: 100px to prevent visual overlap. The styling follows common UX patterns for scroll-to-top functionality, using fixed positioning with appropriate z-index layering and hover states.

This change is limited to the submit-challenge section of the CodeClip application and integrates with the existing styling system by using the same color palette and positioning approach as other fixed elements in the codebase.

Confidence score: 2/5

• This PR has critical functionality issues that will prevent the scroll-to-top feature from working properly
• The anchor link references '#top' but no element with id="top" exists in the HTML, making the button non-functional
• Files that need more attention: submit-challenge/index.html (missing target anchor), submit-challenge/styles.css (duplicate hover color, potential positioning conflicts)

_{2 files reviewed, 2 comments}

_{Edit Code Review Bot Settings | Greptile}

[greptile-apps]

logic: The anchor link references '#top' but there's no element with id="top" in the HTML. Add <div id="top"></div> at the beginning of the body or change the href to '#' to scroll to document top.

Suggested change

	<a href="#top" class="to-top">⬆ Top</a>
	<a href="#" class="to-top">⬆ Top</a>

[greptile-apps]

style: Hover state uses same color as normal state - no visual feedback on hover

Suggested change

	.to-top:hover {
	background-color: #059669;
	}
	.to-top:hover {
	background-color: #047857;
	}