web: Enhance accordion header interactions for better UX (#12813)

web: Refine accordion headers for pressability.

- Allows user to click or tap anywhere on a accordion header to expand
  or collapse.
- Adds transition to collapse.

web/src/common/styles/authentik.css

@@ -125,6 +125,11 @@ html > form > input {
     margin-bottom: 6px;
 }
 
+.pf-m-pressable {
+    cursor: pointer;
+    user-select: none;
+}
+
 /* Flow-card adjustments for static pages */
 .pf-c-brand {
     padding-top: calc(