feat: Icon이 onClick 이벤트도 prop으로 받을 수 있도록 수정

src/components/Icon/Icon.tsx

@@ -9,15 +9,26 @@ const Icon: React.FC<IconProps> = ({
   name,
   size = 'm',
   className = '',
+  onClick,
 }: IconProps) => {
-  const Component = iconsNames[name];
+  const Component = iconsNames[name] as React.ComponentType<{
+    className?: string;
+    onClick?: () => void;
+  }>;
+
   const iconSize = iconSizes[size];
+  const cursorStyle = onClick ? 'cursor-pointer' : '';
 
   if (!Component) {
     return null;
   }
 
-  return <Component className={`${iconSize} ${className}`} />;
+  return (
+    <Component
+      className={`${iconSize} ${className} ${cursorStyle}`}
+      onClick={onClick}
+    />
+  );
 };
 
 export default Icon;

src/components/Icon/icons/Close.tsx

@@ -1,7 +1,13 @@
-const Close = ({ className }: { className?: string }) => {
+import React from 'react';
+
+const Close: React.FC<{ className?: string; onClick?: () => void }> = ({
+  className,
+  onClick,
+}) => {
   return (
     <svg
       className={className}
+      onClick={onClick}
       viewBox='0 0 30 30'
       fill='none'
       xmlns='http://www.w3.org/2000/svg'

src/components/Icon/icons/Menu.tsx

@@ -1,7 +1,11 @@
-const Menu = ({ className }: { className?: string }) => {
+const Menu: React.FC<{ className?: string; onClick?: () => void }> = ({
+  className,
+  onClick,
+}) => {
   return (
     <svg
       className={className}
+      onClick={onClick}
       viewBox='0 0 30 30'
       fill='none'
       xmlns='http://www.w3.org/2000/svg'

src/components/Icon/iconsNames.ts

@@ -35,7 +35,10 @@ import Search from './icons/Search';
 import Star from './icons/Star';
 import UploadShare from './icons/UploadShare';
 
-export const iconsNames: Record<string, React.FC<{ className?: string }>> = {
+export const iconsNames: Record<
+  string,
+  React.FC<{ className?: string; onClick?: () => void }>
+> = {
   AlertCircle,
   AlternateShare,
   ArrowLeft,

src/types/IconProps.ts

@@ -5,4 +5,5 @@ export interface IconProps {
   name: keyof typeof iconsNames;
   size?: IconSize;
   className?: string;
+  onClick?: () => void;
 }