enhancement: Uses bold font-weight for unread notifications (#5073)

app/javascript/dashboard/routes/dashboard/notifications/components/NotificationTable.vue

@@ -13,6 +13,9 @@
         <tr
           v-for="notificationItem in notifications"
           :key="notificationItem.id"
+          :class="{
+            'is-unread': notificationItem.read_at === null,
+          }"
           @click="() => onClickNotification(notificationItem)"
         >
           <td>
@@ -163,6 +166,10 @@ export default {
   }
 }
 
+.is-unread {
+  font-weight: var(--font-weight-bold);
+}
+
 .notifications--loader {
   font-size: var(--font-size-default);
   display: flex;