chore(DatabaseModal): simplify collapsible logic for extra extension section (#36118)

Author: EnxDev

superset-frontend/src/features/databases/DatabaseModal/ExtraOptions.test.tsx

@@ -220,4 +220,21 @@ describe('ExtraOptions Component', () => {
     );
     expect(sqlLabTab).toHaveAttribute('aria-expanded', 'false');
   });
+
+  test('all collapse panels should expand when clicking anywhere on the header', () => {
+    renderComponent();
+    const allPanelTabs = screen.getAllByRole('tab');
+    expect(allPanelTabs.length).toBeGreaterThanOrEqual(4); // At least 4 main panels
+
+    allPanelTabs.forEach(panelTab => {
+      // Initially should be collapsed
+      expect(panelTab).toHaveAttribute('aria-expanded', 'false');
+      // Click on the panel tab (entire header should be clickable)
+      fireEvent.click(panelTab);
+      expect(panelTab).toHaveAttribute('aria-expanded', 'true');
+      fireEvent.click(panelTab);
+      // Panel should collapse back
+      expect(panelTab).toHaveAttribute('aria-expanded', 'false');
+    });
+  });
 });

superset-frontend/src/features/databases/DatabaseModal/ExtraOptions.tsx

@@ -613,9 +613,9 @@ const ExtraOptions = ({
           ? [
               {
                 key: extraExtension?.title,
-                collapsible: extraExtension.enabled?.()
-                  ? ('icon' as const)
-                  : ('disabled' as const),
+                ...(extraExtension.enabled?.()
+                  ? {}
+                  : { collapsible: 'disabled' as const }),
                 label: (
                   <CollapseLabelInModal
                     key={extraExtension?.title}