fix: make json edit modal have fixed height and be readOnly if its on View mode (#8680)

Fixed dict area modal to not allow editing of a json when not on edit mode

src/frontend/src/modals/dictAreaModal/index.tsx

@@ -102,14 +102,15 @@ export default function DictAreaModal({
   );
 
   const renderContent = () => (
-    <BaseModal.Content>
-      <div className="flex h-full w-full flex-col transition-all">
+    <BaseModal.Content overflowHidden>
+      <div className="flex h-[500px] w-full flex-col transition-all">
         <JsonEditor
           data={{ json: value }}
           jsonRef={jsonEditorRef}
-          height="400px"
+          readOnly={!onChange}
+          height="500px"
           width="100%"
-          className="h-[400px] w-full overflow-visible"
+          className="h-full w-full overflow-auto"
         />
       </div>
     </BaseModal.Content>