Update button behavior to work as link

components/IconButton.tsx

@@ -1,10 +1,14 @@
 import { FC } from 'react';
 import styled from 'styled-components';
 import Image from 'next/image';
+import Link from 'next/link';
+
 interface Props {
 	icon: string;
 	width?: number;
 	height?: number;
+	href?: string;
+	target?: HTMLAnchorElement['target'];
 	onClick?: () => void;
 }
 
@@ -18,15 +22,23 @@ const Btn = styled.button`
 
 const IconButton: FC<Props & { className?: string }> = ({
 	icon,
+	href,
+	target,
 	onClick,
 	className,
 	width = 24,
 	height = 24
 }) => {
-	return (
+	return !href ? (
 		<Btn onClick={onClick} className={className}>
 			<Image src={icon} width={width} height={height} />
 		</Btn>
+	) : (
+		<Link href={href} passHref>
+			<Btn as='a' target={target} onClick={onClick} className={className}>
+				<Image src={icon} width={width} height={height} />
+			</Btn>
+		</Link>
 	);
 };