fix:[M3-10335] - useIsPageScrollable hook is not working correctly for slightly taller pages (#12695)

* Create debug-M3-9877.yml

* Update debug-M3-9877.yml

* Update debug-M3-9877.yml

* Update debug-M3-9877.yml

* Update debug-M3-9877.yml

* Update debug-M3-9877.yml

* Update debug-M3-9877.yml

* Update debug-M3-9877.yml

* Update debug-M3-9877.yml

* Update debug-M3-9877.yml

* Update debug-M3-9877.yml

* Make fix

* Remove debug .yml file

* Revert to old method and use footer height calculation instead

* Added changeset: Include footer height in useIsPageScrollable calculation

Author: bill-akamai

packages/manager/.changeset/pr-12695-fixed-1756931382058.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Include footer height in useIsPageScrollable calculation ([#12695](https://github.com/linode/manager/pull/12695))

packages/manager/src/components/PrimaryNav/utils.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 
+import { FOOTER_HEIGHT } from 'src/features/Footer';
 import { TOPMENU_HEIGHT } from 'src/features/TopMenu/constants';
 
 import type { LinkProps } from '@tanstack/react-router';
@@ -41,7 +42,9 @@ export const useIsPageScrollable = (
 
     const contentHeight = contentRef.current.scrollHeight;
     const viewportHeight = document.documentElement.clientHeight;
-    setIsPageScrollable(contentHeight + TOPMENU_HEIGHT > viewportHeight);
+    setIsPageScrollable(
+      contentHeight + TOPMENU_HEIGHT + FOOTER_HEIGHT > viewportHeight
+    );
   }, [contentRef]);
 
   React.useEffect(() => {

packages/manager/src/features/Footer.tsx

@@ -7,6 +7,8 @@ import { DEVELOPERS_LINK, FEEDBACK_LINK } from 'src/constants';
 
 import packageJson from '../../package.json';
 
+export const FOOTER_HEIGHT = 45;
+
 export const Footer = React.memo(() => {
   return (
     <footer role="contentinfo">