Disable keepDOM in tabs and collapses (#335)

src/components/EditorSidePanel/Issues.jsx

@@ -32,7 +32,7 @@ export default function Issues() {
   }, [tables, relationships, issues, types, database, enums]);
 
   return (
-    <Collapse keepDOM lazyRender style={{ width: "100%" }}>
+    <Collapse lazyRender keepDOM={false} style={{ width: "100%" }}>
       <Collapse.Panel
         header={
           <Badge

src/components/EditorSidePanel/NotesTab/NotesTab.jsx

@@ -33,7 +33,7 @@ export default function NotesTab() {
       ) : (
         <Collapse
           activeKey={selectedElement.open ? `${selectedElement.id}` : ""}
-          keepDOM
+          keepDOM={false}
           lazyRender
           onChange={(activeKey) => {
             setSelectedElement((prev) => ({

src/components/EditorSidePanel/RelationshipsTab/RelationshipsTab.jsx

@@ -27,7 +27,7 @@ export default function RelationshipsTab() {
               ? `${selectedElement.id}`
               : ""
           }
-          keepDOM
+          keepDOM={false}
           lazyRender
           onChange={(k) =>
             setSelectedElement((prev) => ({

src/components/EditorSidePanel/SidePanel.jsx

@@ -62,6 +62,7 @@ export default function SidePanel({ width, resize, setResize }) {
             type="card"
             activeKey={selectedElement.currentTab}
             lazyRender
+            keepDOM={false}
             onChange={(key) =>
               setSelectedElement((prev) => ({ ...prev, currentTab: key }))
             }

src/components/EditorSidePanel/TablesTab/TableInfo.jsx

@@ -160,7 +160,7 @@ export default function TableInfo({ data }) {
         >
           <Collapse
             activeKey={indexActiveKey}
-            keepDOM
+            keepDOM={false}
             lazyRender
             onChange={(itemKey) => setIndexActiveKey(itemKey)}
             accordion
@@ -187,7 +187,7 @@ export default function TableInfo({ data }) {
         style={{ marginTop: "12px", marginBottom: "12px" }}
         headerLine={false}
       >
-        <Collapse keepDOM lazyRender>
+        <Collapse keepDOM={false} lazyRender>
           <Collapse.Panel header={t("comment")} itemKey="1">
             <TextArea
               field="comment"

src/components/EditorSidePanel/TablesTab/TablesTab.jsx

@@ -31,7 +31,7 @@ export default function TablesTab() {
               ? `${selectedElement.id}`
               : ""
           }
-          keepDOM
+          keepDOM={false}
           lazyRender
           onChange={(k) =>
             setSelectedElement((prev) => ({

src/components/EditorSidePanel/TypesTab/TypeInfo.jsx

@@ -89,7 +89,7 @@ export default function TypeInfo({ index, data }) {
           style={{ marginTop: "12px", marginBottom: "12px" }}
           headerLine={false}
         >
-          <Collapse keepDOM lazyRender>
+          <Collapse lazyRender keepDOM={false}>
             <Collapse.Panel header={t("comment")} itemKey="1">
               <TextArea
                 field="comment"

src/components/EditorSidePanel/TypesTab/TypesTab.jsx

@@ -49,7 +49,7 @@ export default function TypesTab() {
               ? `${selectedElement.id}`
               : ""
           }
-          keepDOM
+          keepDOM={false}
           lazyRender
           onChange={(id) =>
             setSelectedElement((prev) => ({