fix(footer): Adjust bottom margin based on scroll position to preserve safe area 2063

[zahidhussain998]

This commit fixes the issue of incorrect bottom margin for the footer breadcrumbs during scrolling (#2063). The Footer component now dynamically adjusts the bottom margin based on the user's scroll position. A new state variable isScrolledToBottom was introduced to track the scroll position, and a useEffect hook handles scroll events to update this state. The bottom margin is conditionally applied to ensure it's only present when needed