fix(accessibility): fix sa11y accessibility issue for popover (#5173)

* fix(accessibility): fixed sa11y issue and removed button clicke here.

* removed commented lines

* removed comments

* code refactored.

* removed auto formatting.

* removed space.

---------

Co-authored-by: dugg molidor <[email protected]>

Author: manjunathkalburgi

ui/components/popovers/base-legacy/example.jsx

@@ -72,9 +72,14 @@ export let Popover = props => {
       ) : (
         props.header
       )}
-      <div className={computedBodyClassnames} id={bodyUniqueId}>
+      <div className={computedBodyClassnames}
+        id={bodyUniqueId}
+        {...props.size === "small" && {
+          tabindex: "0",
+          role: "region",
+        }}
+      >
         {props.children}
-        <button type="button">Click here</button>
       </div>
       {props.footer ? (
         <footer

ui/components/popovers/base/example.jsx

@@ -63,7 +63,13 @@ export let Popover = props => {
         />
       ) : null}
 
-      <div className={computedBodyClassnames} id={bodyUniqueId}>
+      <div className={computedBodyClassnames}
+        id={bodyUniqueId}
+        {...props.size === "small" && {
+          tabindex: "0",
+          role: "region",
+        }}
+      >
         {props.badgeTitle ? (
           <div className="slds-popover__meta">
             {props.badgeVariant && props.badgeVariant === 'light' ? (
@@ -106,7 +112,6 @@ export let Popover = props => {
             )}
 
             {props.children}
-            <button type="button">Click here</button>
           </div>
         </div>
       </div>