Simplify staff table component css nesting

Also remove th, td first-child background color and font weight styles already set in table object css.

Author: JoelCDL

css/components/staff.css

@@ -17,36 +17,22 @@
     }
   }
 
-  tbody tr {
-    td {
-      &:last-child {
-        a {
-          display: flex;
-          justify-content: center;
+  tbody td:last-child a {
+    display: flex;
+    justify-content: center;
 
-          &::before {
-            content: '';
-            flex: none;
-            block-size: 1.5rem;
-            inline-size: 1.5rem;
-            background-color: var(--color-gold);
-            mask: url('data-url:npm:fa-solid/circle-user.svg') center / contain;
-          }
-
-          span {
-            position: absolute;
-            inset-inline-start: -9999px;
-          }
-        }
-      }
+    &::before {
+      content: '';
+      flex: none;
+      block-size: 1.5rem;
+      inline-size: 1.5rem;
+      background-color: var(--color-gold);
+      mask: url('data-url:npm:fa-solid/circle-user.svg') center / contain;
     }
 
-    th,
-    td {
-      &:first-child {
-        background-color: oklch(95% 0 0deg);
-        font-weight: 600;
-      }
+    span {
+      position: absolute;
+      inset-inline-start: -9999px;
     }
   }
 }