Added few functions

components/Messagerie.tsx

@@ -2,6 +2,7 @@
 
 import { useState, useEffect } from 'react';
 import useSWR from 'swr';
+import { useBodyScrollLock } from '@/lib/body-scroll-lock';
 import ChatWindow from './ChatWindow';
 import NewConversationModal from './NewConversationModal';
 import GroupSettingsModal from './GroupSettingsModal';
@@ -46,6 +47,7 @@ export default function Messagerie() {
   const [showNewConversation, setShowNewConversation] = useState(false);
   const [showGroupSettings, setShowGroupSettings] = useState(false);
   const [showSidebar, setShowSidebar] = useState(false);
+  useBodyScrollLock(showSidebar);
 
   const { data: conversations, error, mutate } = useSWR<Conversation[]>(
     '/api/conversations',