docs: add board customization and auto-refresh to dashboard docs

Resolves #6564

Add drag/resize panels, 15-second auto-refresh, localStorage
persistence. Update all 4 languages.

Author: nowgnuesLee

packages/backend.ai-webui-docs/src/en/dashboard/dashboard.md

@@ -4,51 +4,71 @@ The **Dashboard** provides an at-a-glance summary of your current resource usage
 available limits, and session information across all your projects and resource groups.
 It helps you quickly understand how your computing resources are being utilized
 and monitor your recent activities in the system.
-Click the refresh icon in any panel to update the displayed data if it seems outdated.
 
 ![](../images/dashboard.png)
 
 The page is composed of several main panels:
 
-- My Sessions:
+- **My Sessions**:
     Shows the number of active sessions by type,
     such as *Interactive*, *Batch*, *Inference*, and *Upload*.
     You can quickly see how many sessions of each type are currently running.
 
-- My Total Resources Limit:
+- **My Total Resources Limit**:
     Displays the total used and free resources across all your projects and resource groups.
     When multiple limits (domain, project, or keypair) apply,
     the system uses the **most restrictive** available limit to calculate the remaining resources.
 
-- My Resources in Resource Group:
+- **My Resources in Resource Group**:
     Shows your current resource usage and remaining capacity
     within the selected resource group of your current project.
     You can switch groups using the dropdown menu.
 
-- Total Resources in Resource Group:
+- **Total Resources in Resource Group**:
     Summarizes the overall used and free resources in the selected resource group.
     The data is aggregated from all agents that belong to the group.
 
-- Recently Created Sessions:
+- **Recently Created Sessions**:
     Lists the most recently created active sessions within the current project.
     Provides session details such as name, status, CPU/memory usage, environment, resource group,
     session type, and creation time.
     By default, the latest 5 active sessions are displayed.
 
-For super admins, additional information is available.
+## Auto-Refresh
+
+The Dashboard automatically refreshes all panel data every 15 seconds. This
+ensures that the displayed information stays up to date without requiring manual
+interaction.
+
+## Customizing the Dashboard Layout
+
+You can customize the Dashboard layout by rearranging and resizing panels to
+suit your preferences.
+
+- **Move panels**: Drag a panel by its header to reposition it on the board.
+- **Resize panels**: Drag the bottom-right corner of a panel to adjust its
+  size. Each panel has a minimum size to ensure its content remains readable.
+
+Your customized layout is automatically saved and persists across browser
+sessions. The layout is stored per user, so each user can have their own
+preferred arrangement.
+
+## Superadmin Dashboard
+
+For superadmins, additional panels are available.
 
 ![](../images/admin_dashboard.png)
 
-Except for 'Active Sessions', 'Agent Statistics', and 'Active Agents', the remaining panels
+Except for **Active Sessions**, **Agent Statistics**, and **Active Agents**, the remaining panels
 display the same information as the user dashboard.
 
-- Active Sessions:
+- **Active Sessions**:
     Shows the total number of active sessions across current projects,
     categorized by session type.
 
-- Agent Statistics:
+- **Agent Statistics**:
     Provides all used resources across all agents in the system.
     The values represent the total used resources by all active sessions.
 
-- Active Agents:
-    Lists all currently active agents in the system.
+- **Active Agents**:
+    Lists all currently active agents in the system.

packages/backend.ai-webui-docs/src/ja/dashboard/dashboard.md

@@ -1,54 +1,52 @@
-# Dashboard
+# ダッシュボード
 
-The **Dashboard** provides an at-a-glance summary of your current resource usage,
-available limits, and session information across all your projects and resource groups.
-It helps you quickly understand how your computing resources are being utilized
-and monitor your recent activities in the system.
-Click the refresh icon in any panel to update the displayed data if it seems outdated.
+**ダッシュボード**は、すべてのプロジェクトとリソースグループにおける現在のリソース使用状況、利用可能な上限、セッション情報の概要を一目で確認できるページです。コンピューティングリソースの使用状況を素早く把握し、システム内の最近の活動をモニタリングするのに役立ちます。
 
 ![](../images/dashboard.png)
 
-The page is composed of several main panels:
+このページは以下の主要パネルで構成されています：
 
-- My セッション:
-    Shows the number of active sessions by type,
-    such as *インタラクティブ*, *バッチ*, *推論*, and *Upload*.
-    You can quickly see how many sessions of each type are currently running.
+- **マイセッション:**
+    インタラクティブ、バッチ、推論、アップロードなど、タイプ別にアクティブなセッション数を表示します。各タイプのセッションがいくつ実行中かをすばやく確認できます。
 
-- My Total Resources Limit:
-    Displays the total used and free resources across all your projects and resource groups.
-    When multiple limits (domain, project, or keypair) apply,
-    the system uses the **most restrictive** available limit to calculate the remaining resources.
+- **マイ総リソース上限:**
+    すべてのプロジェクトとリソースグループを合算した総使用量と空きリソースを表示します。ドメイン、プロジェクト、キーペアなど複数の上限が同時に適用される場合、システムは**最も制限的な上限**を基準に残りのリソースを計算します。
 
-- My Resources in Resource Group:
-    Shows your current resource usage and remaining capacity
-    within the selected resource group of your current project.
-    You can switch groups using the dropdown menu.
+- **リソースグループ内のマイリソース:**
+    現在のプロジェクトの選択されたリソースグループにおけるリソース使用量と残りの容量を表示します。ドロップダウンメニューでグループを切り替えることができます。
 
-- Total Resources in Resource Group:
-    Summarizes the overall used and free resources in the selected resource group.
-    The data is aggregated from all agents that belong to the group.
+- **リソースグループ内の総リソース:**
+    選択されたリソースグループ全体の使用量と空き容量を要約表示します。グループに属するすべてのエージェントのデータを集計した値です。
 
-- Recently Created セッション:
-    Lists the most recently created active sessions within the current project.
-    Provides session details such as name, status, CPU/memory usage, environment, resource group,
-    session type, and creation time.
-    By default, the latest 5 active sessions are displayed.
+- **最近作成されたセッション:**
+    現在のプロジェクトで最近作成されたアクティブなセッション一覧を表示します。セッション名、ステータス、CPU/メモリ使用量、環境、リソースグループ、セッションタイプ、作成日時などの詳細を確認できます。デフォルトでは最新の5つのアクティブなセッションが表示されます。
 
-For super 管理者s, additional information is available.
+## 自動更新
+
+ダッシュボードは15秒ごとにすべてのパネルデータを自動的に更新します。これにより、手動操作なしに常に最新の情報を確認できます。
+
+## ダッシュボードレイアウトのカスタマイズ
+
+パネルの再配置やサイズ変更により、ダッシュボードのレイアウトをお好みに合わせてカスタマイズできます。
+
+- **パネルの移動**: パネルのヘッダーをドラッグして、ボード上の位置を変更できます。
+- **パネルのサイズ変更**: パネルの右下隅をドラッグしてサイズを調整できます。各パネルにはコンテンツの可読性を確保するための最小サイズが設定されています。
+
+カスタマイズされたレイアウトは自動的に保存され、ブラウザセッション間で保持されます。レイアウトはユーザーごとに保存されるため、各ユーザーが独自の配置を設定できます。
+
+## スーパー管理者ダッシュボード
+
+スーパー管理者には追加のパネルが利用可能です。
 
 ![](../images/admin_dashboard.png)
 
-Except for 'Active セッション', 'Agent 統計', and 'Active Agents', the remaining panels
-display the same information as the ユーザー dashboard.
+**アクティブセッション**、**エージェント統計**、**アクティブエージェント**を除く残りのパネルは、ユーザーダッシュボードと同じ情報を表示します。
 
-- Active セッション:
-    Shows the total number of active sessions across current projects,
-    categorized by session type.
+- **アクティブセッション:**
+    現在のプロジェクトのアクティブなセッション総数をセッションタイプ別に分類して表示します。
 
-- Agent 統計:
-    Provides all used resources across all agents in the system.
-    The values represent the total used resources by all active sessions.
+- **エージェント統計:**
+    システム内のすべてのエージェントで使用中のリソース状況を提供します。表示される値は、すべてのアクティブなセッションが使用しているリソースの総量です。
 
-- Active Agents:
-    Lists all currently active agents in the system.
+- **アクティブエージェント:**
+    システムで現在アクティブなすべてのエージェントの一覧を表示します。

packages/backend.ai-webui-docs/src/ko/dashboard/dashboard.md

@@ -2,7 +2,7 @@
 
 # 대시보드
 
-**대시보드** 페이지는 모든 프로젝트와 자원 그룹의 자원 사용량, 한도, 그리고 실행 중인 세션 정보를 한눈에 확인할 수 있는 종합 현황 화면입니다. 사용 중인 자원의 분포를 직관적으로 파악하고, 시스템 활동 상태를 실시간으로 모니터링할 수 있습니다. 각 패널의 새로고침 아이콘을 클릭하면 최신 데이터로 갱신할 수 있습니다.
+**대시보드** 페이지는 모든 프로젝트와 자원 그룹의 자원 사용량, 한도, 그리고 실행 중인 세션 정보를 한눈에 확인할 수 있는 종합 현황 화면입니다. 사용 중인 자원의 분포를 직관적으로 파악하고, 시스템 활동 상태를 실시간으로 모니터링할 수 있습니다.
 
 ![](../images/dashboard.png)
 
@@ -23,11 +23,26 @@
 - **최근 생성 세션:**
     현재 프로젝트에서 가장 최근에 생성된 실행 중인 세션 목록을 보여 줍니다. 세션 이름, 상태, CPU/메모리 사용량, 환경, 자원 그룹, 세션 유형, 생성 일시 등을 확인할 수 있습니다. 기본적으로 최근 5개의 실행 중인 세션이 표시됩니다.
 
-슈퍼관리자에게는 추가 정보가 제공됩니다.
+## 자동 새로고침
+
+대시보드는 모든 패널 데이터를 15초마다 자동으로 새로고침합니다. 이를 통해 수동 조작 없이도 항상 최신 정보를 확인할 수 있습니다.
+
+## 대시보드 레이아웃 커스터마이즈
+
+패널을 재배치하거나 크기를 조정하여 대시보드 레이아웃을 원하는 대로 커스터마이즈할 수 있습니다.
+
+- **패널 이동**: 패널의 헤더를 드래그하여 보드 내에서 위치를 변경할 수 있습니다.
+- **패널 크기 조정**: 패널의 우측 하단 모서리를 드래그하여 크기를 조정할 수 있습니다. 각 패널은 콘텐츠의 가독성을 보장하기 위한 최소 크기가 설정되어 있습니다.
+
+커스터마이즈된 레이아웃은 자동으로 저장되어 브라우저 세션 간에 유지됩니다. 레이아웃은 사용자별로 저장되므로, 각 사용자가 자신만의 배치를 설정할 수 있습니다.
+
+## 슈퍼관리자 대시보드
+
+슈퍼관리자에게는 추가 패널이 제공됩니다.
 
 ![](../images/admin_dashboard.png)
 
-'활성 세션', '에이전트 통계', '활성 에이전트' 패널을 제외한 나머지 패널은 사용자 대시보드와 동일한 정보를 표시합니다.
+**활성 세션**, **에이전트 통계**, **활성 에이전트** 패널을 제외한 나머지 패널은 사용자 대시보드와 동일한 정보를 표시합니다.
 
 - **활성 세션:**
     현재 프로젝트에서 실행 중인 세션의 총 개수를 세션 유형별로 분류하여 표시합니다.
@@ -36,4 +51,4 @@
     시스템 내 모든 에이전트의 사용 중인 자원 현황을 제공합니다. 표시된 값은 모든 활성 세션이 사용 중인 자원의 총합입니다.
 
 - **활성 에이전트:**
-    시스템에서 현재 활성화된 모든 에이전트 목록을 표시합니다.
+    시스템에서 현재 활성화된 모든 에이전트 목록을 표시합니다.