fix: add visually hidden DialogTitle to resolve a11y warning and fix modal background

vite-frontend/src/pages/forward.tsx

@@ -5383,7 +5383,7 @@ export default function ForwardPage() {
       <Modal
         backdrop="blur"
         classNames={{
-          base: "!w-[calc(100%-32px)] !mx-auto sm:!w-full rounded-2xl overflow-hidden",
+          base: "!w-[calc(100%-32px)] !mx-auto sm:!w-full rounded-2xl overflow-hidden [&>div]:bg-content1 [&>div]:dark:bg-content1",
         }}
         isOpen={diagnosisModalOpen}
         placement="center"

vite-frontend/src/pages/tunnel.tsx

@@ -3201,7 +3201,7 @@ export default function TunnelPage() {
       <Modal
         backdrop="blur"
         classNames={{
-          base: "!w-[calc(100%-32px)] !mx-auto sm:!w-full rounded-2xl overflow-hidden",
+          base: "!w-[calc(100%-32px)] !mx-auto sm:!w-full rounded-2xl overflow-hidden [&>div]:bg-content1 [&>div]:dark:bg-content1",
         }}
         isOpen={diagnosisModalOpen}
         placement="center"

vite-frontend/src/shadcn-bridge/heroui/modal.tsx

@@ -3,6 +3,7 @@ import * as React from "react";
 import {
   Dialog,
   DialogContent as BaseDialogContent,
+  DialogTitle,
 } from "@/components/ui/dialog";
 import { cn } from "@/lib/utils";
 
@@ -159,6 +160,7 @@ export function ModalContent({
       showCloseButton={false}
       {...props}
     >
+      <DialogTitle className="sr-only">Modal Dialog</DialogTitle>
       {renderedChildren}
     </BaseDialogContent>
   );