feat: treatment chapter

src/components/Chapters.tsx

@@ -12,6 +12,9 @@ const Chapters = () => {
             case 'chpt3':
                 window.location.href = '/symptoms';
                 break;
+            case 'chpt4':
+                window.location.href = '/treatment';
+                break;
             default:
                 break;
         }
@@ -46,6 +49,12 @@ const Chapters = () => {
                     className="absolute w-44 h-44 left-[35%] bottom-[10%] z-10 cursor-pointer"
                     onClick={() => handleChapterClick('chpt3')}
                 ></div>
+
+                <div
+                    id="chpt4"
+                    className="absolute w-44 h-44 left-[25%] top-[40%] z-10 cursor-pointer"
+                    onClick={() => handleChapterClick('chpt4')}
+                ></div>
             </div>
         </>
     );