Fix linter error and warning

__tests__/src/components/WindowSideBarAnnotationsPanel.test.js

@@ -2,7 +2,7 @@ import { render, screen } from 'test-utils';
 import i18next from 'i18next';
 
 import CanvasAnnotations from '../../../src/containers/CanvasAnnotations';
-import { WindowSideBarAnnotationsPanel } from '../../../src/components/WindowSideBarAnnotationsPanel';
+import WindowSideBarAnnotationsPanel from '../../../src/components/WindowSideBarAnnotationsPanel';
 
 /** */
 function createWrapper(props, state) {

src/components/AnnotationManifestsAccordion.js

@@ -46,7 +46,7 @@ export class AnnotationManifestsAccordion extends Component {
     const { annotation } = this.state;
     annotation.manifestsOpen = true;
     e.stopPropagation();
-    this.state = { annotation };
+    this.setState({ annotation });
   }
 
   /** */

src/components/ScrollIndicatedDialogContent.js

@@ -16,7 +16,7 @@ const getOverlayAlpha = (elevation) => {
 };
 
 const Root = styled(DialogContent, { name: 'ScrollIndicatedDialogContent', slot: 'root' })(({ ownerState, theme }) => {
-  // In dark mode, paper has a elevation-dependent background color:
+  // In dark mode, paper has an elevation-dependent background color:
   // https://github.com/mui/material-ui/blob/v5.15.0/packages/mui-material/src/Paper/Paper.js#L55-L60
   const bgcolor = theme.palette.mode === 'dark' ? {
     backgroundImage: `linear-gradient(${alpha(

src/components/WindowSideBarAnnotationsPanel.js

-import { useRef, useEffect, useState } from 'react';
+import { useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Typography from '@mui/material/Typography';
 import AnnotationSettings from '../containers/AnnotationSettings';