docs: fix duplicate code block syntax in example sections (#357)

Co-authored-by: 김윤호 yunho <kimyouknow@naver.com>
Co-authored-by: kimyouknow <kimyouknow@toss.im>

Author: guesung

packages/core/src/hooks/useMap/useMap.md

@@ -27,19 +27,14 @@ function useMap(initialState: MapOrEntries<K, V>): UseMapReturn<K, V>;
 
 ## Example
 
-````tsx
 ```tsx
 const [userMap, actions] = useMap<string, User>([
-  ['user1', { name: 'John', age: 30 }]
+  ['user1', { name: 'John', age: 30 }],
 ]);
 
 // Using values from the Map
 const user1 = userMap.get('user1');
 
 // Updating the Map
 actions.set('user2', { name: 'Jane', age: 25 });
-````
-
-```
-
 ```

packages/mobile/src/hooks/useBodyScrollLock/useBodyScrollLock.md

@@ -14,14 +14,9 @@ This hook does not return anything.
 
 ## Example
 
-````tsx
 ```tsx
 function Modal() {
   useBodyScrollLock();
   return <div className="modal">Modal content</div>;
 }
-````
-
-```
-
 ```

packages/mobile/src/hooks/useNetworkStatus/useNetworkStatus.md

@@ -27,23 +27,15 @@ function useNetworkStatus(): NetworkStatus;
 
 ## Example
 
-````tsx
-```tsxp
+```tsx
 function AdaptiveImage() {
   const { effectiveType, saveData } = useNetworkStatus();
 
   // Determine quality based on your app's needs
   const useHighQuality = effectiveType === '4g' && !saveData;
 
   return (
-    <img
-      src={useHighQuality ? 'high-res.jpg' : 'low-res.jpg'}
-      alt="Content"
-    />
+    <img src={useHighQuality ? 'high-res.jpg' : 'low-res.jpg'} alt="Content" />
   );
 }
-````
-
-```
-
 ```

packages/mobile/src/hooks/usePageVisibility/usePageVisibility.md

@@ -27,7 +27,6 @@ function usePageVisibility(): PageVisibility;
 
 ## Example
 
-````tsx
 ```tsx
 function VideoPlayer() {
   const { isVisible } = usePageVisibility();
@@ -44,8 +43,4 @@ function VideoPlayer() {
 
   return <video ref={videoRef} src="video.mp4" />;
 }
-````
-
-```
-
 ```

packages/mobile/src/hooks/useScrollDirection/useScrollDirection.md

@@ -25,22 +25,13 @@ function useScrollDirection(): void;
 
 ## Example
 
-````tsx
 ```tsx
 function Header() {
   const { direction, position } = useScrollDirection();
 
   // Hide header on scroll down
   const isHidden = direction === 'down' && position > 100;
 
-  return (
-    <header className={isHidden ? 'hidden' : 'visible'}>
-      My Header
-    </header>
-  );
+  return <header className={isHidden ? 'hidden' : 'visible'}>My Header</header>;
 }
-````
-
-```
-
 ```