Programmatically focusing on title when suggest issue modal opens up

Author: heythisischris

src/routes/protected/reports/message-details.tsx

@@ -86,6 +86,9 @@ const MessageDetails = () => {
     if (!open) {
       document.querySelector(`#suggest-${suggestIndex}`)?.focus();
     }
+    else {
+      document.querySelector(`#suggest-title`)?.focus();
+    }
   }, [open])
 
   const NodeColumns: ColumnDef<Node>[] = [
@@ -209,7 +212,7 @@ const MessageDetails = () => {
         open={open}
         setOpen={setOpen}
       >
-        <h1 className='text-2xl'>Suggest Issue</h1>
+        <h1 id='suggest-title' className='text-2xl'>Suggest Issue</h1>
         <div role='status'>{!suggestIssueResponse ? `Generating issue... (1 min)` : `Issue generated`}</div>
         {suggestIssueResponse && <div className='overflow-y-scroll max-h-[500px]'>
           {JSON.stringify({ suggestIssueResponse: suggestIssueResponse?.how_to_implement })}