doc: update use-cases instance in home page

Author: wqcstrong

src/pages/Docs/md/usage-en.mdx

@@ -28,30 +28,9 @@ after receives the message data.
 </u>
 Let's see the following instances:
 
-Telecommuting and cross-regional collaboration becoming more and more common,effective collaboration
-between programmers and testers become extremely important. However, traditional communication such as
-email, telephone, and video conferencing suffer from inefficient communication, incomplete issue information,
-and misunderstanding or misjudgment, etc. PageSpy provides project runtime info for technicians to view
-at the debugger client, and testers no longer need to provide issue information to technicians frequently
-by text, screenshot, and recording screen.
-
-<div style={{ textAlign: 'right', marginBottom: 24 }}>
-  <strong>-- Save communication time, improve collaboration efficiency</strong>
-</div>
-
-When an application has a white screen or other similar fatal problems on the user's device,
-it has always been a difficult problem for technicians to quickly locate the error,
-accurately troubleshoot and fix it. Traditional methods of locating problems include
-data monitoring and log analysis, which not only consume a lot of time and energy
-to analyze and diagnose problems, but also rely heavily on technicians to understand business
-scenarios and code implementation.PageSpy presents the error message directly to the technician,
-eliminates other interference, just shows the code!
-
-<div style={{ textAlign: 'right', marginBottom: 24 }}>
-  <strong>
-    -- Accurately troubleshoot to avoid looking a needle in the ocean
-  </strong>
-</div>
+- **Debugging of H5 or webview app locally**: in the past, some products provided panels that could display information on H5, but the small screens of mobile devices make it inconvenient for operation, and the display is not user-friendly. Issues such as information being truncated are also common.
+- **Remote work and cross-regional collaboration**: traditional communications such as emails, phone calls, and video conferences are inefficient, and fault information is not comprehensive, making it prone to misunderstandings and misjudgments.
+- **White screen issues on user devices**: traditional approaches to troubleshooting, such as data monitoring and log analysis, depend on troubleshooters understanding business requirements and technical implementations.
 
 <HeaderLink level={2} slug="how-to-use" children="How to use?" />
 

src/pages/Docs/md/usage-ja.mdx

@@ -22,21 +22,11 @@ export const githubUrl = import.meta.env.VITE_GITHUB_REPO;
   *ローカルでのコンソールデバッグができないシナリオは、すべて **PageSpy**
   が活躍できる場面です*
 </u>
-！以下の2つの例を見てみましょう：
+！一緒に以下のシナリオを見てみましょう：
 
-現代のリモートワークと地域間協力がますます一般的になる中、技術者とテスター間の効果的な協力は非常に重要です。しかし、
-電子メール、電話、ビデオ会議などの従来のコミュニケーション方法は、コミュニケーションの効率が低く、情報が不完全で、誤解や誤判断が発生します。 PageSpy はプロジェクトの実行状況を提供し、技術者がデバッグクライアントで確認できるようにすることで、テスターはテキスト、スクリーンショット、スクリーンキャストなどを使用して技術者に障害情報を提供する必要がありません。
-
-<div style={{ textAlign: 'right', marginBottom: 24 }}>
-  <strong>—— コミュニケーションコストを削減し、協力効率を向上させます</strong>
-</div>
-
-ユーザーのデバイスで白い画面や他の致命的な問題が発生した場合、問題を迅速に特定し、効果的に修正することは技術者にとって常に難しい課題でした。
-問題を特定するための従来の方法には、データモニタリング、ログ分析などが含まれます。これらの方法は問題を分析および診断するために多くの時間と労力を費やすだけでなく、トラブルシューティング担当者がビジネス要件のシナリオと技術実装を理解する必要があります。 PageSpy はエラーメッセージを技術者に直接表示し、すべての情報の干渉を排除します。コードを表示！
-
-<div style={{ textAlign: 'right', marginBottom: 24 }}>
-  <strong>—— 正確で効率的なトラブルシューティング、針の山から避けます</strong>
-</div>
+- **H5、Webviewアプリのローカルデバッグ**：これまで、一部の製品は情報をH5で表示できるパネルを提供していましたが、モバイルデバイスの画面は小さく、操作が不便で、表示がユーザーフレンドリーでなく、情報が切り捨てられるなどの問題がありました。
+- **リモートワーク、地域を超えた協力**：伝統的なコミュニケーション手段、例えばメール、電話、ビデオ会議などでは、コミュニケーションの効率が低く、障害情報が不十分で、誤解や誤判が生じやすいです。
+- **ユーザーターミナルで白い画面の問題が発生**：従来の問題の特定方法には、データモニタリング、ログ分析などが含まれており、これらの方法はトラブルシューティング担当者がビジネス要件のシナリオと技術実装を理解する必要があります。
 
 <HeaderLink level={2} slug="how-to-use" children="使用方法" />
 

src/pages/Docs/md/usage-ko.mdx

@@ -19,21 +19,11 @@ export const githubUrl = import.meta.env.VITE_GITHUB_REPO;
 <HeaderLink level={2} slug="when-to-use" children="사용 시점" />
 
 <u>*로컬 콘솔 디버그를 사용할 수없는 시나리오는 모두 **PageSpy** 가 활용 할 수있는 때입니다*</u>
-！다음 두 가지 예를 살펴보겠습니다.
+！함께 아래의 여러 시나리오 케이스를 살펴보겠습니다:
 
-현대적인 원격 작업과 지역 간 협업이 점점 보편화되면 기술자와 테스터 간의 효과적인 협력이 매우 중요해집니다. 그러나,
-전통적인 의사 소통 방식 인 이메일, 전화, 비디오 회의 등은 효율적인 소통, 전체 정보 부족, 오해, 오인과 같은 효율성 문제가 있습니다. PageSpy는 프로젝트 실행 내역을 제공하여 기술자가 디버그 클라이언트에서 볼 수 있도록하여 텍스트, 스크린 샷, 스크린 캐스트 등을 사용하여 테스터가 기술자에게 장애 정보를 제공 할 필요가 없습니다.
-
-<div style={{ textAlign: 'right', marginBottom: 24 }}>
-  <strong>—— 의사 소통 비용 절감 및 협업 효율 향상</strong>
-</div>
-
-사용자의 기기에서 화면이 하얀색 또는 기타 치명적인 문제가 발생 할 때 문제를 신속하게 식별하고 효과적으로 수정하는 것은 항상 기술자가 직면 한 어려운 과제였습니다.
-문제 식별의 전통적인 방법은 데이터 모니터링, 로그 분석 등을 포함합니다. 이러한 방법은 문제를 분석하고 진단하기 위해 많은 시간과 노력이 필요할뿐만 아니라, 트러블 슈팅 담당자가 비즈니스 요구 사항 시나리오와 기술 구현을 이해해야합니다. PageSpy는 기술자에게 오류 메시지를 직접 표시하여 모든 정보 간섭을 제거하며 코드를 표시합니다!
-
-<div style={{ textAlign: 'right', marginBottom: 24 }}>
-  <strong>—— 정확하고 효율적인 트러블 슈팅, 바늘을 찾는데 시간을 절약</strong>
-</div>
+- **로컬에서 H5, Webview 애플리케이션 디버깅** : 예전에는 일부 제품이 H5에서 정보를 볼 수 있는 패널을 제공했지만, 모바일 화면이 작아서 조작이 불편하며 표시가 친숙하지 않으며 정보가 잘려 나가는 등의 문제가 있었습니다.
+- **원격 근무, 지역 간 협업** : 전통적인 의사 소통 방식인 이메일, 전화, 비디오 회의 등은 의사 소통 효율이 떨어지고 고장 정보가 완전하지 않아 오해와 오류 판단이 발생하기 쉽습니다.
+- **사용자 단말기에서 화면이 하얀 문제 발생** : 문제의 위치를 찾는 전통적인 방법에는 데이터 모니터링, 로그 분석 등이 포함되어 있으며 이러한 방법은 해결사가 비즈니스 요구 사항 시나리오와 기술 구현을 이해해야 합니다.
 
 <HeaderLink level={2} slug="how-to-use" children="사용 방법" />
 

src/pages/Docs/md/usage-zh.mdx

@@ -19,23 +19,11 @@ export const githubUrl = import.meta.env.VITE_GITHUB_REPO;
 <HeaderLink level={2} slug="when-to-use" children="何时使用？" />
 
 <u>*任何无法在本地使用控制台调试的场景，都是 **PageSpy** 可以大显身手的时候*</u>
-！一起来看下面的两个例子：
+！一起来看下面的几个场景案例：
 
-在现代远程工作和跨地区合作变得越来越普遍的背景下，技术人员和测试人员之间的有效协同变得异常重要。然而，
-传统的沟通方式如邮件、电话、视频会议等存在沟通效率不高、故障信息不全面、误解误判等。PageSpy 提供项目运行现场供技术人员在调试端查看，测试人员不用再频繁
-的通过文字、截图、录屏等方式向技术人员提供故障信息。
-
-<div style={{ textAlign: 'right', marginBottom: 24 }}>
-  <strong>—— 节省沟通成本，提升协同效率</strong>
-</div>
-
-当应用在用户的终端上出现白屏或其他类似致命问题时，快速定位、精准排障并修复问题一直是技术人员面临的难题。
-传统定位问题的方式包括数据监控、日志分析等，这些方式不仅会耗费大量的时间和精力来分析和诊断问题，还依赖排障人员理解业务需求场景、技术实现。PageSpy 将
-错误信息直接呈现给技术人员，排除一切信息干扰，show the code!
-
-<div style={{ textAlign: 'right', marginBottom: 24 }}>
-  <strong>—— 精准高效排障，避免大海捞针</strong>
-</div>
+- **本地调试 H5、Webview 应用**：以往有些产品提供了可以在 H5 上查看信息的面板，但移动端屏幕太小操作不便、显示不友好，以及信息被截断等问题；
+- **远程办公、跨地区协同**：传统沟通方式如邮件、电话、视频会议等，沟通效率不高、故障信息不全面，容易误解误判；
+- **用户终端上出现白屏问题**：传统定位问题的方式包括数据监控、日志分析等，这些方式依赖排障人员要理解业务需求场景、技术实现；
 
 <HeaderLink level={2} slug="how-to-use" children="如何使用？" />