doc: 更新示例描述文字

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/Tabs.razor

@@ -436,7 +436,7 @@ private void Navigation()
     </Tab>
 </DemoBlock>
 
-<DemoBlock Title="@Localizer["TabsChromeStyleTitle"]" Introduction="@Localizer["TabsChromeStyleIntro"]" Name="TabStyle">
+<DemoBlock Title="@Localizer["TabsChromeStyleTitle"]" Introduction="@Localizer["TabsChromeStyleIntro"]" Name="Chrome">
     <Tab IsCard="true" ShowClose="true" TabStyle="TabStyle.Chrome">
         <TabItem Text="@Localizer["TabItem1Text"]" Icon="fa-solid fa-user">
             <div>@Localizer["TabItem1Content"]</div>
@@ -453,7 +453,7 @@ private void Navigation()
     </Tab>
 </DemoBlock>
 
-<DemoBlock Title="@Localizer["TabsChromeStyleTitle"]" Introduction="@Localizer["TabsChromeStyleIntro"]" Name="TabStyle">
+<DemoBlock Title="@Localizer["TabsCapsuleStyleTitle"]" Introduction="@Localizer["TabsCapsuleStyleIntro"]" Name="Capsule">
     <Tab IsCard="true" ShowClose="true" TabStyle="TabStyle.Capsule">
         <TabItem Text="@Localizer["TabItem1Text"]" Icon="fa-solid fa-user">
             <div>@Localizer["TabItem1Content"]</div>

src/BootstrapBlazor.Server/Locales/en-US.json

@@ -2120,7 +2120,9 @@
     "TabsDisabledIntro": "Disable the current <code>TabItem</code> by setting <code>IsDisabled=\"true\"</code> to prohibit click, drag, close etc.",
     "TabsChromeStyleTitle": "Chrome Style",
     "TabsChromeStyleIntro": "Set the Chrome browser tab style by setting <code>TabStyle=\"TabStyle.Chrome\"</code>. Currently only supports <code>Placement=\"Placement.Top\"</code> mode",
-    "TabAtt2TabStyle": "Set the tab style"
+    "TabAtt2TabStyle": "Set the tab style",
+    "TabsCapsuleStyleTitle": "Capsule Style",
+    "TabsCapsuleStyleIntro": "Set the capsule tab style by setting <code>TabStyle=\"TabStyle.Capsule\"</code>. Currently only supports <code>Placement=\"Placement.Top\"</code> <code>Placement=\"Placement.Bottom\"</code> mode"
   },
   "BootstrapBlazor.Server.Components.Components.DemoTabItem": {
     "Info": "Reset the title of this <code>TabItem</code> by click the button",

src/BootstrapBlazor.Server/Locales/zh-CN.json

@@ -2120,7 +2120,9 @@
     "TabsDisabledIntro": "通过设置 <code>IsDisabled=\"true\"</code> 禁用当前 <code>TabItem</code> 禁止点击、拖动、关闭等操作",
     "TabsChromeStyleTitle": "Chrome 样式",
     "TabsChromeStyleIntro": "通过设置 <code>TabStyle=\"TabStyle.Chrome\"</code> 设置 Chrome 浏览器标签页样式，目前仅支持 <code>Placement=\"Placement.Top\"</code> 模式",
-    "TabAtt2TabStyle": "设置标签页样式"
+    "TabAtt2TabStyle": "设置标签页样式",
+    "TabsCapsuleStyleTitle": "胶囊样式",
+    "TabsCapsuleStyleIntro": "通过设置 <code>TabStyle=\"TabStyle.Capsule\"</code> 设置标签页为胶囊样式，目前仅支持 <code>Placement=\"Placement.Top\"</code>  <code>Placement=\"Placement.Bottom\"</code> 模式"
   },
   "BootstrapBlazor.Server.Components.Components.DemoTabItem": {
     "Info": "点击下方按钮，本 <code>TabItem</code> 标题更改为当前分钟与秒",