hide select button for notification when notification list is null

src/app/ui/notifications/notifications-list.tsx

@@ -81,28 +81,30 @@ export function NotificationsList() {
 							</>
 						)}
 
-						<button
-							className="btn btn-primary"
-							onClick={() => {
-								if (allNotificationSelectedOnPage) {
+						{allNotifications?.notifications.length !== 0 && (
+							<button
+								className="btn btn-primary"
+								onClick={() => {
+									if (allNotificationSelectedOnPage) {
 
-									const newSelection = { ...rowSelection };
-									currentPageRows.forEach(row => {
-										delete newSelection[row.original.id];
-									});
-									setRowSelection(newSelection);
-								} else {
+										const newSelection = { ...rowSelection };
+										currentPageRows.forEach(row => {
+											delete newSelection[row.original.id];
+										});
+										setRowSelection(newSelection);
+									} else {
 
-									const newSelection = { ...rowSelection };
-									currentPageRows.forEach(row => {
-										newSelection[row.original.id] = true;
-									});
-									setRowSelection(newSelection);
-								}
-							}}
-						>
-							{allNotificationSelectedOnPage ? t('deselect') : t('select-all')}
-						</button>
+										const newSelection = { ...rowSelection };
+										currentPageRows.forEach(row => {
+											newSelection[row.original.id] = true;
+										});
+										setRowSelection(newSelection);
+									}
+								}}
+							>
+								{allNotificationSelectedOnPage ? t('deselect') : t('select-all')}
+							</button>
+						)}
 					</div>
 				);
 			},