refactor: Badge 컴포넌트 children을 ReactNode 타입으로 확장

src/components/Badge/Badge.tsx

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import { ComponentPropsWithoutRef, ElementType } from 'react';
+import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
 
 import { ColorType } from '../../styles/theme';
 
@@ -10,7 +10,7 @@ type Props<T extends ElementType> = {
   as?: T;
   backgroundColor?: BackgroundColorType;
   fontColor?: FontColorType;
-  children: number | string;
+  children: ReactNode;
 } & ComponentPropsWithoutRef<T>;
 
 const Badge = <T extends ElementType>({

src/stories/Badge.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 
 import Badge from '../components/Badge/Badge';
-import { useEffect, useRef, useState } from 'react';
+import { ReactNode, useEffect, useRef, useState } from 'react';
 
 const meta = {
   title: 'Components/Badge',
@@ -55,7 +55,7 @@ export const Sample: Story = {
   },
   render: ({ children, backgroundColor, fontColor }) => {
     const timerId = useRef<NodeJS.Timeout | null>(null);
-    const [badges, setBadges] = useState<string[]>([
+    const [badges, setBadges] = useState<ReactNode[]>([
       '서비스기획',
       '영상디자인',
       '시각디자인',