Fix: <detail> HTML elements clickable area too wide. (#11666)

* Fix: Details element wide clickable area

* LogoutDialog-test.tsx snapshot updated

* Fixed open state clickable area for dropdowns

* Advanced changed to advanced

---------

Co-authored-by: Manan Sadana <manan.sadana@cnhteam.onmicrosoft.com>
Co-authored-by: Florian Duros <florianduros@element.io>

test/components/views/dialogs/__snapshots__/LogoutDialog-test.tsx.snap

@@ -66,7 +66,9 @@ exports[`LogoutDialog Prompts user to connect backup if there is a backup on the
         </span>
       </div>
       <details>
-        <summary>
+        <summary
+          class="mx_LogoutDialog_ExportKeyAdvanced"
+        >
           Advanced
         </summary>
         <p>
@@ -151,7 +153,9 @@ exports[`LogoutDialog Prompts user to set up backup if there is no backup on the
         </span>
       </div>
       <details>
-        <summary>
+        <summary
+          class="mx_LogoutDialog_ExportKeyAdvanced"
+        >
           Advanced
         </summary>
         <p>