Use ReactNode import instead of React.ReactNode in ScrollToTop

[MohamadSalman11]

Before You Submit

• I have searched for duplicate or closed issues
• I have read the contributing guidelines

Describe the issue

The ScrollToTop component currently types children as React.ReactNode. This can be simplified by importing ReactNode directly from react and using it in the props type.

Goal:

• Import ReactNode from react.
• Replace React.ReactNode with ReactNode in the component props.

Import:

import { ReactNode, useLayoutEffect } from 'react';

Current:

const ScrollToTop = ({ children }: { children: React.ReactNode }) => { ... }

After cleanup:

const ScrollToTop = ({ children }: { children: ReactNode }) => { ... }