fix(web): mount the issues drawer always

Instead of doing it dinamically since the IssuesDrawer already have logic for
rendering nothing when needed. This approach helps to avoid having calls
to a query when the QueryClient has not been set yet, like at login
screen.

web/src/components/layout/Layout.tsx

@@ -26,7 +26,6 @@ import { Page } from "@patternfly/react-core";
 import Header, { HeaderProps } from "~/components/layout/Header";
 import { Loading, Sidebar } from "~/components/layout";
 import { IssuesDrawer } from "~/components/core";
-import { useAllIssues } from "~/queries/issues";
 
 type LayoutProps = React.PropsWithChildren<{
   mountHeader?: boolean;
@@ -46,13 +45,10 @@ const Layout = ({
   headerOptions = {},
   children,
 }: LayoutProps) => {
-  const issues = useAllIssues();
   const [issuesDrawerVisible, setIssuesDrawerVisible] = useState<boolean>(false);
   const closeIssuesDrawer = () => setIssuesDrawerVisible(false);
   const toggleIssuesDrawer = () => setIssuesDrawerVisible(!issuesDrawerVisible);
 
-  const mountIssuesDrawer = !issues.isEmpty;
-
   return (
     <Page
       isManagedSidebar
@@ -67,7 +63,7 @@ const Layout = ({
         )
       }
       sidebar={mountSidebar && <Sidebar />}
-      notificationDrawer={mountIssuesDrawer && <IssuesDrawer onClose={closeIssuesDrawer} />}
+      notificationDrawer={<IssuesDrawer onClose={closeIssuesDrawer} />}
       isNotificationDrawerExpanded={issuesDrawerVisible}
     >
       <Suspense fallback={<Loading />}>{children || <Outlet />}</Suspense>