"Refactor admin UI components: update class names, element types, and nesting in admin.jsx, notificationLookup.jsx, and notificationUtils.jsx"

client/admin/admin.jsx

@@ -33,13 +33,13 @@ const Admin = createClass({
 					homebrewery admin
 				</div>
 			</header>
-			<div className='container'>
-				<div className='tabs'>
+			<main className='container'>
+				<nav className='tabs'>
 					{tabGroups.map((tab, idx)=>{ return <button className={tab===this.state.currentTab ? 'active' : ''} key={idx} onClick={()=>{ return this.handleClick(tab); }}>{tab.toUpperCase()}</button>; })}
-				</div>
+				</nav>
 				{this.state.currentTab==='brew' && <BrewUtils />}
 				{this.state.currentTab==='notifications' && <NotificationUtils />}
-			</div>
+			</main>
 		</div>;
 	}
 });

client/admin/notificationUtils/notificationLookup/notificationLookup.jsx

@@ -129,7 +129,7 @@ const NotificationLookup = () => {
         }
 
         return (
-            <div className="notificationsList">
+            <div className="notificationList">
                 {notifications.map((notification) => (
                     <details key={notification.dismissKey}>
                         <summary>{notification.title || 'No Title'}</summary>

client/admin/notificationUtils/notificationUtils.jsx

@@ -5,11 +5,10 @@ const NotificationAdd = require('./notificationAdd/notificationAdd.jsx');
 
 const NotificationUtils = () => {
     return (
-        <>
+        <section className='notificationUtils'>
             <NotificationAdd />
-            <hr />
             <NotificationLookup />
-        </>
+        </section>
     );
 };