Improve visibility under contrast control mode (#31847)

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

res/css/structures/_LeftPanel.pcss

@@ -36,6 +36,8 @@ Please see LICENSE files in the repository root for full details.
         display: flex;
         overflow: hidden;
         position: relative;
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
 
         &[data-collapsed] {
             max-width: var(--collapsedWidth);
@@ -122,6 +124,8 @@ Please see LICENSE files in the repository root for full details.
                 border-radius: 8px;
                 background-color: $panel-actions;
                 margin-left: 8px;
+                /* For enhanced visibility under contrast control */
+                outline: 1px solid transparent;
 
                 svg {
                     width: inherit;

res/css/structures/_SpacePanel.pcss

@@ -22,6 +22,9 @@ Please see LICENSE files in the repository root for full details.
     /* Fix for the blurred avatar-background */
     z-index: 1;
 
+    /* For enhanced visibility under contrast control */
+    outline: 1px solid transparent;
+
     /* Create another flexbox so the Panel fills the container */
     display: flex;
     flex-direction: column;
@@ -66,6 +69,8 @@ Please see LICENSE files in the repository root for full details.
 
     &:hover .mx_SpacePanel_toggleCollapse {
         opacity: 1;
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
     }
 
     ul {

res/css/structures/_SpaceRoomView.pcss

@@ -138,6 +138,8 @@ Please see LICENSE files in the repository root for full details.
                 .mx_FacePile {
                     display: inline-block;
                     cursor: pointer;
+                    /* For enhanced visibility under contrast control */
+                    outline: 1px solid transparent;
                 }
 
                 .mx_SpaceRoomView_landing_inviteButton,

res/css/structures/_TabbedView.pcss

@@ -41,6 +41,8 @@ Please see LICENSE files in the repository root for full details.
 
     .mx_TabbedView_tabLabel_active {
         background-color: var(--cpd-color-bg-subtle-secondary);
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
     }
 }
 

res/css/structures/_UserMenu.pcss

@@ -99,6 +99,9 @@ Please see LICENSE files in the repository root for full details.
             display: flex;
             align-items: center;
             justify-content: center;
+
+            /* For enhanced visibility under contrast control */
+            outline: 1px solid transparent;
         }
 
         &.mx_UserMenu_contextMenu_guestPrompts {