fix: sonar issues

Author: mjatin-dev

admin-ui/app/components/Notifications/index.js

@@ -39,15 +39,13 @@ export default function Lang() {
   return (
     <div className={classes.root}>
       <div>
-        <div
-          role='button'
-          tabindex="0"
+        <button
           ref={anchorRef}
           className={classes.notificationBtn}
           onClick={handleToggle}
         >
           <NotificationsIcon style={{color: "white", width: "35px", height: "100%"}}/>
-        </div>
+        </button>
         <Popper open={open} anchorEl={anchorRef.current} role={undefined} transition disablePortal className={classes.topElm}>
           {({ TransitionProps, placement }) => (
             <Grow

admin-ui/app/components/Notifications/styles.js

@@ -21,6 +21,8 @@ const styles = makeStyles()((theme) => ({
     textTransform: 'none',
     padding:"2px",
     cursor: 'pointer',
+    border: 'none',
+    background: 'none',
     '&:active': {
       backgroundColor: "rgba(217, 217, 217, 0.43)", 
       transform: 'scale(0.95)',

admin-ui/app/components/ThemeSetting/ThemeSettings.js

@@ -76,9 +76,9 @@ export function ThemeSettings({ userInfo }) {
 
   return (
     <React.Fragment>
-      <div role='button' tabindex="0"  onClick={toggleDrawer(true)} className={classes.settingsToggeleBtn}>
+      <buttton onClick={toggleDrawer(true)} className={classes.settingsToggeleBtn}>
         <SettingsIcon  style={{color: "white",width: "35px", height:"100%"}}/>
-      </div>
+      </buttton>
       <Drawer className={classes.drawerContainer} anchor={'right'} open={open} onClose={toggleDrawer(false)}>
         {list('right')}
       </Drawer>

admin-ui/app/components/ThemeSetting/styles.js

@@ -16,6 +16,8 @@ const styles = makeStyles()({
     textTransform: 'none',
     padding:"2px",
     cursor: 'pointer',
+    border:'none',
+    background: 'none',
     '&:active': {
       backgroundColor: "rgba(217, 217, 217, 0.43)", 
       transform: 'scale(0.95)',