fix(Carousel): use visually-hidden class (#7393)

* fix(Carousel): use visually-hidden class

* chore: bump version 10.1.5-beta01

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>10.1.4</Version>
+    <Version>10.1.5-beta01</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Carousel/Carousel.razor

@@ -1,4 +1,4 @@
-@namespace BootstrapBlazor.Components
+@namespace BootstrapBlazor.Components
 @inherits BootstrapModuleComponentBase
 @attribute [BootstrapModuleAutoLoader(JSObjectReference = true)]
 
@@ -42,11 +42,11 @@
         {
             <a class="carousel-control-prev" data-bs-slide="prev" @onclick:preventDefault href="@TargetId">
                 <i class="@PreviousIcon"></i>
-                <span class="sr-only">Previous</span>
+                <span class="visually-hidden">Previous</span>
             </a>
             <a class="carousel-control-next" data-bs-slide="next" @onclick:preventDefault href="@TargetId">
                 <i class="@NextIcon"></i>
-                <span class="sr-only">Next</span>
+                <span class="visually-hidden">Next</span>
             </a>
         }
     </RenderTemplate>