fix(Drawer): overlay 위치 수정

- 페이지 이동할 때 마다 ovelay가 보였다가 안보이는 이슈가 있어서 수정

frontend/src/components/common/Drawer/Drawer.tsx

@@ -41,14 +41,16 @@ const Drawer = ({ children }: React.PropsWithChildren) => {
         {isOpen ? "사용자 메뉴가 열렸습니다." : "사용자 메뉴가 닫혔습니다."}
       </VisuallyHidden>
       {otherContent}
-      <S.Overlay isOpen={isOpen} onClick={toggle} />
+
       {isRendered &&
         ReactDOM.createPortal(
-          <S.DrawerContainer id="drawer-content" isOpen={isOpen} aria-modal="true" role="dialog">
-            {headerContent}
-            {drawerContent}
-          </S.DrawerContainer>,
-
+          <>
+            <S.Overlay isOpen={isOpen} onClick={toggle} />
+            <S.DrawerContainer id="drawer-content" isOpen={isOpen} aria-modal="true" role="dialog">
+              {headerContent}
+              {drawerContent}
+            </S.DrawerContainer>
+          </>,
           document.body,
         )}
     </DrawerProvider>