fixing the device monitor page

src/app/(main)/layout.tsx

@@ -9,6 +9,7 @@ import { SetupAxiosInterceptors } from "@/app/(main)/axios/axiosInstance";
 import { UploadProvider } from "@/components/UploadProvider/UploadProvider";
 import SessionProviderWrapper from "@/components/SessionProviderWrapper/SessionProviderWrapper";
 import QrCodeScannerProvider from "@/components/QrCodeScannerProvider/QrCodeScannerProvider";
+import DevicePresenceReporterHost from "@/components/DevicePresence/DevicePresenceReporterHost";
 import { I18nProvider } from "@/i18n";
 import "src/app/global.css";
 export default async function MainLayout({
@@ -33,6 +34,7 @@ export default async function MainLayout({
 
   return (
     <SessionProviderWrapper session={session}>
+      <DevicePresenceReporterHost />
       <UploadProvider>
         {/* <CameraProvider> */}
         <AxiosProvider>