test: 홈에 CycleChip 테스트 코드 추가

Author: shinjigu

src/page/home/Home.tsx

@@ -1,7 +1,29 @@
+import { useState } from 'react';
+import { CycleChip, CycleType } from '../todo/myTodo/component/CycleChip';
+
+const CYCLE_LIST: CycleType[] = ['매일', '매주', '한번'];
+
 const Home = () => {
+  const [selectedCycle, setSelectedCycle] = useState<CycleType>('매일');
+
   return (
-    <div>
+    <div style={{ padding: '2rem' }}>
       <h1>홈</h1>
+      <h2>CycleChip 테스트</h2>
+      <div style={{ display: 'flex', gap: '1rem', marginBottom: '2rem' }}>
+        {CYCLE_LIST.map((cycle) => (
+          <CycleChip
+            key={cycle}
+            type="selector"
+            value={cycle}
+            selected={selectedCycle === cycle}
+            onClick={setSelectedCycle}
+          />
+        ))}
+      </div>
+      <div style={{ display: 'flex', gap: '1rem' }}>
+        <CycleChip type="display" value={selectedCycle} />
+      </div>
     </div>
   );
 };