Publishing/140 키워드 간격, 치매진단 stepper 오류 수정 (#153)

* [publishing] 키워드 간격 추가

* [publishing] stepper icon import 수정

Author: Hj1218

src/components/diagnosis/Stepper.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef } from "react";
 import { TbCircleCheck } from "react-icons/tb";
-import { STEP_BAR_ICONS } from "../../hooks/diary/useRecallTestSlider";
+import { STEP_BAR_ICONS } from "../../hooks/Diagnosis/useDiagnosisSlider";
 
 /**
  * @param currentSlide {SliderItem}
@@ -42,7 +42,7 @@ const Stepper = ({ currentSlide, sliderItems, handleStepClick }) => {
         <div key={index} className="flex items-center">
           <StepperIcon
             index={index}
-            isSelected={slide.selectedButtonId !== null}
+            isSelected={slide.selectedButtonId !== -1}
             onClick={handleStepClick}
           />
           {index < sliderItems.length - 1 && (

src/components/diary/RecallTestSlider.js

@@ -24,7 +24,7 @@ const RecallTestSlider = ({
           key={index}
           className="text-3xl md:text-5xl break-keep font-extrabold flex items-center justify-center"
         >
-          <p className="w-full h-[15rem] md:h-[30rem] flex justify-center items-center text-center">
+          <p className="w-full h-[15rem] md:h-[30rem] flex justify-center items-center text-center tracking-widest">
             {slide.question}
           </p>
           <ResponseInput