Add scroll-to-top workaround

Workaround for vercel/next.js#42492

docs/app/guides/layout.tsx

@@ -1,4 +1,5 @@
 "use client"
+import * as React from "react"
 import GuidesSidebar from "./sidebar"
 import { getDocContext } from "./guides"
 import { useSelectedLayoutSegments } from "next/navigation"
@@ -8,6 +9,11 @@ import fancyFx from "../../helpers/fancyFx"
 export default function GuidesLayout({ children }: { children: React.ReactNode }) {
   const [sectionTitleKebab, guideTitleKebab] = useSelectedLayoutSegments()
 
+  // A little hack to scroll to the top until https://github.com/vercel/next.js/issues/42492 is fixed
+  React.useEffect(() => {
+    window.scrollTo(0, 0)
+  }, [sectionTitleKebab, guideTitleKebab])
+
   const { current, next, previous } = getDocContext(sectionTitleKebab, guideTitleKebab)
 
   return (