Use scroll lock styles from webawesome

Author: timmo001

src/resources/theme/wa.globals.ts

@@ -1,4 +1,5 @@
 import { css } from "lit";
+import scrollLockStyles from "@home-assistant/webawesome/dist/styles/utilities/scroll-lock.css.js";
 import { extractDerivedVars } from "../../common/style/derived-css-vars";
 
 export const waMainStyles = css`
@@ -18,6 +19,8 @@ export const waMainStyles = css`
     --wa-border-width-l: var(--ha-border-radius-l);
     --wa-space-xl: 32px;
   }
+
+  ${scrollLockStyles}
 `;
 
 export const waMainDerivedVariables = extractDerivedVars(waMainStyles);