fix link scrolling to header

Author: AndreasArvidsson

packages/cursorless-org-docs/src/docs/components/Header.css

@@ -0,0 +1,3 @@
+.anchor-with-sticky-navbar {
+  scroll-margin-top: calc(var(--ifm-navbar-height) + 0.5rem);
+}

packages/cursorless-org-docs/src/docs/components/Header.tsx

@@ -1,5 +1,6 @@
 import { uriEncodeHashId } from "@cursorless/common";
 import React from "react";
+import "./Header.css";
 
 interface Props {
   className?: string;
@@ -35,8 +36,7 @@ function renderHeader(
       id={encodedId}
       title={title}
       className={
-        "scope-header anchorWithStickyNavbar_IncK" +
-        (className ? " " + className : "")
+        "anchor-with-sticky-navbar" + (className ? " " + className : "")
       }
     >
       {children}