fix(AutoComplete): append icon wrong place (#7717)

* style: 修复 AutoComplete 样式问题

* style: 使用样式变量代替常数

Author: ArgoZhang

src/BootstrapBlazor/Components/Select/Select.razor.scss

@@ -11,7 +11,6 @@
     --bb-select-padding: #{$bb-select-padding};
     --bb-select-append-width: #{$bb-select-append-width};
     --bb-select-append-color: #{$bb-select-append-color};
-    --bb-select-append-right: 0;
 }
 
 .select:not(.cascade) .dropdown-menu {
@@ -126,6 +125,8 @@
 
 .select,
 .auto-complete {
+    --bb-select-append-right: #{$bb-select-append-right};
+
     .clear-icon {
         position: absolute;
         height: 100%;

src/BootstrapBlazor/wwwroot/scss/variables.scss

@@ -534,6 +534,7 @@ $bb-select-search-icon-top: 18px;
 $bb-select-search-height: 52px;
 $bb-select-append-width: 30px;
 $bb-select-append-color: #c0c4cc;
+$bb-select-append-right: 0;
 
 // Multiple-Select
 $bb-multi-select-min-height: 35px;