refactor(ui): unify semantic presentation and table hierarchy

src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Notifications/NotificationLists.razor

@@ -14,8 +14,8 @@
 <div class="container-fluid mt-3">
     <ToastNotification @ref="_toast" />
 
-    <div class="d-flex justify-content-between align-items-center mb-3">
-        <h4 class="mb-0">Notification Lists</h4>
+    <div class="page-head justify-content-between">
+        <h1 class="mb-0">Notification Lists</h1>
         <button class="btn btn-primary btn-sm"
                 @onclick='() => NavigationManager.NavigateTo("/notifications/lists/create")'>
             Add Notification List
@@ -44,9 +44,9 @@
     }
     else
     {
-        <div class="table-responsive">
+        <div class="table-responsive" role="region" aria-label="Notification lists" tabindex="0">
             <table class="table table-sm table-hover align-middle">
-                <thead class="table-light">
+                <thead>
                     <tr>
                         <th>Name</th>
                         <th>Type</th>