docs: update code example and some contents

src/docs/en/intro.md

@@ -1,6 +1,6 @@
 # Introduction to react-simplikit
 
-How can we build React-based applications more safely and reliably? We defined the answer as 'writing React codes in a React-like way' and the answer really began to take shape through react-simplikit.
+How can we build React-based applications more safely and reliably? We defined the answer as 'writing React codes in a React-like way' and the answer really began to take shape through `react-simplikit`.
 
 `react-simplikit` is a lightweight yet powerful library that provides various useful tools in React environments. It is designed to respect React's design principles while improving the React development experience.
 
@@ -12,11 +12,11 @@ We provide a development experience as similar as possible to using React's decl
 
 ```tsx
 function Page() {
-  const [isOpen, setOpen] = useState(false); // [!code --]
+  const [isOpen, setIsOpen] = useState(false); // [!code --]
   // [!code --]
   const toggle = useCallback(() => {
     // [!code --]
-    setOpen(isOpen => !isOpen); // [!code --]
+    setIsOpen(isOpen => !isOpen); // [!code --]
   }, []); // [!code --]
   const [isOpen, toggle] = useToggle(false); // [!code ++]
 
@@ -38,7 +38,7 @@ right-title="with-react-simplikit.tsx">
 <template #left>
 
 ```tsx
-// without react simplikit
+// without `react-simplikit`
 const texts = ['hello', 'react', 'world'];
 
 function Page() {
@@ -61,7 +61,7 @@ function Page() {
 <template #right>
 
 ```tsx
-// with react simplikit
+// with `react-simplikit`
 const texts = ['hello', 'react', 'world'];
 
 function Page() {

src/docs/ko/intro.md

@@ -12,11 +12,11 @@ React의 선언적인 API를 사용할 때와 최대한 유사한 개발 경험
 
 ```tsx
 function Page() {
-  const [isOpen, setOpen] = useState(false); // [!code --]
+  const [isOpen, setIsOpen] = useState(false); // [!code --]
   // [!code --]
   const toggle = useCallback(() => {
     // [!code --]
-    setOpen(isOpen => !isOpen); // [!code --]
+    setIsOpen(isOpen => !isOpen); // [!code --]
   }, []); // [!code --]
   const [isOpen, toggle] = useToggle(false); // [!code ++]
 
@@ -38,7 +38,7 @@ right-title="with-react-simplikit.tsx">
 <template #left>
 
 ```tsx
-// without react simplikit
+// `react-simplikit`을 사용하지 않은 코드
 const texts = ['hello', 'react', 'world'];
 
 function Page() {
@@ -61,7 +61,7 @@ function Page() {
 <template #right>
 
 ```tsx
-// with react simplikit
+// `react-simplikit`을 사용한 코드
 const texts = ['hello', 'react', 'world'];
 
 function Page() {
@@ -87,7 +87,7 @@ function Page() {
 ```tsx
 function Page() {
   // useIntersectionObserver는 intersection을 감지하는 최소한의 기능을 제공하고,
-  // 감지 후 콜백, intersection 옵션은 외부로부터 주입 받습니다.
+  // 감지 후, 콜백과 intersection 옵션은 외부로부터 주입받아요.
   const ref = useIntersectionObserver<HTMLDivElement>(
     entry => {
       if (entry.isIntersecting) {