feat: add a setting to enable pointer on hover (#1585)

* feat: added striped table mode for visual clarity

also added a settings toggle to revert to original behavior

* fix: add pointer on hover behind a toggle

* fix: add `x-link` class to the selector

* fix: indicate that this is global forceful overide

src/app.css

@@ -34,7 +34,6 @@ html.dark .x-container {
     background: var(--sidebar);
 }
 
-
 .x-friend-list {
     padding: 0 10px;
     overflow: hidden auto;
@@ -205,7 +204,6 @@ img.friends-list-avatar {
     margin-right: 2px;
 }
 
-
 .x-friend-item:hover {
     border-radius: 8px;
 }
@@ -225,7 +223,6 @@ img.friends-list-avatar {
     width: 167px;
 }
 
-
 i.x-user-status,
 i.x-status-icon {
     display: inline-block;
@@ -337,3 +334,13 @@ i.x-status-icon.red {
     padding-top: 15px;
 }
 
+/*FIXME: this is a nasty temporary hack*/
+.force-pointer-on-hover a,
+.force-pointer-on-hover button,
+.force-pointer-on-hover [role='button'],
+.force-pointer-on-hover label,
+.force-pointer-on-hover summary,
+.force-pointer-on-hover .x-link,
+.force-pointer-on-hover input[type='submit'] {
+    cursor: pointer !important;
+}