Fix warnings

src/components/PageItem/PageItem.tsx

@@ -165,7 +165,7 @@ export default function PageItem({pageName, items, leaving, onLeave}: PageItemPr
             animationRunner.run();
             setStateLeaving(false)
         }
-    }, [stateLeaving, leaving])
+    }, [stateLeaving, leaving, animationsIn, animationsOut, onLeave])
 
     const getAnimationStates = (name: string) => {
         if (!animations) {

src/components/Search/Search.tsx

@@ -48,9 +48,9 @@ function Search({ value, onChange, onClose, open = false, onSubmit = () => {} }:
         </button>
       </span>
       {closable && (
-        <a className={classNames('search__close', { 'is-open': open })} onClick={handleClose}>
+        <button className={classNames('search__close link-button', { 'is-open': open })} onClick={handleClose}>
           <span className='icon icon--close' />
-        </a>
+        </button>
       )}
     </form>
   );

src/config.ts

@@ -1,4 +1,4 @@
-import { Item, Radar } from './model';
+import { Item } from './model';
 
 export const radarName = 'AOE Technology Radar';
 export const radarNameShort = 'Technology Radar';

src/styles/components/button.scss

@@ -15,3 +15,18 @@
     margin-top: -11px;
   }
 }
+
+.link-button {
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  text-decoration: underline;
+  display: inline;
+  margin: 0;
+  padding: 0;
+}
+
+.link-button:hover,
+.link-button:focus {
+  text-decoration: none;
+}