chore: fix eslint warnings

components/HighlightComic.tsx

@@ -18,6 +18,7 @@ export default function HighlightComic(props: Props) {
                     src={props.page.imageUrl}
                     width={props.page.width}
                     height={props.page.height}
+                    alt={props.page.title}
                     style={{
                         position: 'absolute',
                         top: 0,
@@ -29,6 +30,7 @@ export default function HighlightComic(props: Props) {
                 props.highlightedBubbles.map((bubble) => {
                     return (
                         <div
+                            key={bubble}
                             className='box-border'
                             style={{
                                 border: `1.5px dashed ${randomColour(

pages/comic/[comic]/search.tsx

@@ -50,7 +50,7 @@ export default function Search(props: Props) {
             .then((results) => {
                 setResults(results);
             });
-    }, [searchQuery]);
+    }, [searchQuery, props.comic.id]);
 
     return (
         <main className='p-4'>