fix(datatables/popovers) class -> className (#4703)

Author: kflournoy-sf

ui/components/data-tables/base/example.jsx

@@ -303,13 +303,13 @@ export let examples = [
       <>
         <h2
           id="element-with-table-label"
-          class="slds-text-heading_medium slds-m-bottom_xx-small"
+          className="slds-text-heading_medium slds-m-bottom_xx-small"
         >
           Example data table of Opportunities
         </h2>
         <h3
           id="other-element-with-table-label"
-          class="slds-text-title slds-m-bottom_small"
+          className="slds-text-title slds-m-bottom_small"
         >
           Using <code>aria-labelledby</code>, instead of aria-label
         </h3>

ui/components/popovers/base/example.jsx

@@ -221,8 +221,8 @@ export let examples = [
         className="slds-nubbin_left"
         closeButton
         footer={
-          <div class="slds-grid slds-grid_vertical-align-center">
-            <button class="slds-button slds-button_neutral slds-col_bump-left">
+          <div className="slds-grid slds-grid_vertical-align-center">
+            <button className="slds-button slds-button_neutral slds-col_bump-left">
               Learn More
             </button>
           </div>
@@ -247,8 +247,8 @@ export let examples = [
         iconName="favorite"
         iconAssistiveText="Assistive text here"
         footer={
-          <div class="slds-grid slds-grid_vertical-align-center">
-            <button class="slds-button slds-button_neutral slds-col_bump-left">
+          <div className="slds-grid slds-grid_vertical-align-center">
+            <button className="slds-button slds-button_neutral slds-col_bump-left">
               Learn More
             </button>
           </div>
@@ -464,8 +464,8 @@ export let examples = [
         className="slds-popover_dark slds-nubbin_left"
         closeButton
         footer={
-          <div class="slds-grid slds-grid_vertical-align-center">
-            <button class="slds-button slds-button_brand slds-col_bump-left">
+          <div className="slds-grid slds-grid_vertical-align-center">
+            <button className="slds-button slds-button_brand slds-col_bump-left">
               Learn More
             </button>
           </div>
@@ -490,8 +490,8 @@ export let examples = [
         iconName="favorite"
         iconAssistiveText="Assistive text here"
         footer={
-          <div class="slds-grid slds-grid_vertical-align-center">
-            <button class="slds-button slds-button_brand slds-col_bump-left">
+          <div className="slds-grid slds-grid_vertical-align-center">
+            <button className="slds-button slds-button_brand slds-col_bump-left">
               Learn More
             </button>
           </div>