fix(resources): lock body on opening sidebar

src/layouts/ResourcesLayout/index.tsx

@@ -10,19 +10,23 @@ import React, { FC, useState } from "react"
 import { MobileHeader } from "../../components/MobileHeader"
 import { ResourcesSidebar } from "../../components/ResourcesSidebar"
 import { GlobalStyles } from "../../globalStyles"
+import { useLockBodyScroll } from "../../hooks/useLockBodyScroll"
 import { SidebarProvider } from "../../SidebarProvider"
 import { ThemeProvider } from "../../ThemeProvider"
 import * as SC from "./styles"
 
 export const ResourcesLayout: FC = ({ children }) => {
   const [activeMobileMenu, setActiveMobileMenu] = useState(false)
+  const { lock, unlock } = useLockBodyScroll()
 
   function openMenu() {
     setActiveMobileMenu(true)
+    lock()
   }
 
   function closeMenu() {
     setActiveMobileMenu(false)
+    unlock()
   }
 
   return (