[jp-sync] Sync JP badge docs: update Badge Value and Icon section (#6469)

* docs(badge/jp): sync Badge Value and Icon section with EN updates

Adds the missing 'バッジの値とアイコン' section to jp/components/badge.md,
mirroring the updated content from en/components/badge.md (PR #6466).

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

* docs(badge/jp): refine wording for content projection description

* docs(badge/jp): refine value and icon section, normalize "Material" terminology

Co-authored-by: Copilot <copilot@github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: jsakamoto <junichi.jp@gmail.com>
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: ChronosSF <2188411+ChronosSF@users.noreply.github.com>
Co-authored-by: jsakamotoIGJP <jsakamoto@infragistics.com>
Co-authored-by: Copilot <copilot@github.com>

Author: 7 people

jp/components/badge.md

@@ -67,7 +67,7 @@ export class HomeComponent {}
 ```
 
 > [!NOTE]
-> このコンポーネントはマテリアル アイコンを使用します。`index.html` に次のリンクを追加してください: `<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">`
+> このコンポーネントは Material アイコンを使用します。`index.html` に次のリンクを追加してください: `<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">`
 
 Ignite UI for Angular Badge モジュールまたはコンポーネントをインポートしたので、`igx-badge` コンポーネントの基本構成を開始できます。
 
@@ -144,14 +144,16 @@ igx-badge {
 
 ### バッジの値とアイコン
 
-バッジ内にテキストまたは数値カウントを表示するには、`[value]` 入力を使用します。コンテンツを直接埋め込む方法よりも、この方法が推奨されます。
+バッジ内にテキストまたは数値カウントを表示するには、`[value]` 入力を使用します。
 
 ```html
-<!-- 推奨 -->
 <igx-badge [value]="model.value"></igx-badge>
+```
+
+バッジ内にアイコンを表示するには、`[icon]` 入力を使用します。
 
-<!-- 非推奨 -->
-<igx-badge>{{ model.value }}</igx-badge>
+```html
+<igx-badge icon="check" type="success"></igx-badge>
 ```
 
 `[icon]` と `[value]` の両方が設定されている場合、バッジは両方を同時に表示します。
@@ -161,15 +163,22 @@ igx-badge {
 <igx-badge icon="check" value="5" type="success"></igx-badge>
 ```
 
-アイコンなしで数値のみを表示するには、`[icon]` を設定しないようにしてください。
+または、コンテンツを直接埋め込むこともできます。
 
 ```html
-<igx-badge [value]="unreadCount" type="info"></igx-badge>
+  <igx-badge>{{ model.value }}</igx-badge>
+
+  <!-- 
+  アイコンとテキストの両方を埋め込む場合は、正しいパディングを維持するためにテキストをラップしてください。 -->
+  <igx-badge>
+    <igx-icon>bluetooth</igx-icon>
+    <span>Bluetooth</span>
+  </igx-badge>
 ```
 
 ### バッジのアイコン
 
-`igx-badge` コンポーネントは、マテリアル アイコンに加えて[マテリアル アイコン拡張](../components/material-icons-extended.md)およびその他のカスタム アイコン セットの使用もサポートしています。マテリアル アイコン拡張セットからバッジ コンポーネントにアイコンを追加するには、まずそのアイコンを登録する必要があります。
+`igx-badge` コンポーネントは、Material アイコンに加えて[Material アイコン拡張](../components/material-icons-extended.md)およびその他のカスタム アイコン セットの使用もサポートしています。Material アイコン拡張セットからバッジ コンポーネントにアイコンを追加するには、まずそのアイコンを登録する必要があります。
 
 ```ts
 export class BadgeIconComponent implements OnInit { 
@@ -224,7 +233,7 @@ export class AppModule {}
 ```
 
 >[!NOTE]
->[`igx-badge`]({environment:angularApiUrl}/classes/igxbadgecomponent.html) には、バッジの外観を構成するための [`icon`]({environment:angularApiUrl}/classes/igxbadgecomponent.html#icon)、[`value`]({environment:angularApiUrl}/classes/igxbadgecomponent.html#value)、および [`type`]({environment:angularApiUrl}/classes/igxbadgecomponent.html#type) 入力があります。公式の[マテリアル アイコン セット](https://material.io/icons/)から名前を指定して、アイコンを設定できます。バッジタイプは、[`default`]({environment:angularApiUrl}/enums/type.html#default)、[`info`]({environment:angularApiUrl}/enums/type.html#info)、[`success`]({environment:angularApiUrl}/enums/type.html#success)、[`warning`]({environment:angularApiUrl}/enums/type.html#warning)、または [`error`]({environment:angularApiUrl}/enums/type.html#error) のいずれかに設定できます。その型により、特定の背景の色が適用されます。
+>[`igx-badge`]({environment:angularApiUrl}/classes/igxbadgecomponent.html) には、バッジの外観を構成するための [`icon`]({environment:angularApiUrl}/classes/igxbadgecomponent.html#icon)、[`value`]({environment:angularApiUrl}/classes/igxbadgecomponent.html#value)、および [`type`]({environment:angularApiUrl}/classes/igxbadgecomponent.html#type) 入力があります。公式の[Material アイコン セット](https://material.io/icons/)から名前を指定して、アイコンを設定できます。バッジタイプは、[`default`]({environment:angularApiUrl}/enums/type.html#default)、[`info`]({environment:angularApiUrl}/enums/type.html#info)、[`success`]({environment:angularApiUrl}/enums/type.html#success)、[`warning`]({environment:angularApiUrl}/enums/type.html#warning)、または [`error`]({environment:angularApiUrl}/enums/type.html#error) のいずれかに設定できます。その型により、特定の背景の色が適用されます。
 
 サンプルでは、[`icon`]({environment:angularApiUrl}/classes/igxbadgecomponent.html#icon) と [`type`]({environment:angularApiUrl}/classes/igxbadgecomponent.html#type) が icon と type という名前のモデルプロパティにバインドされています。