!3633 doc(#I66M2H): move css from site.css to component isolation css

* chore: 移动 badges 样式到组件
* chore: 删除不使用的 validatation 样式
* chore: 移动 toggler 样式

src/BootstrapBlazor.Shared/Samples/Badges.razor.css

@@ -0,0 +1,21 @@
+.badge-widget {
+    display: inline-block;
+    border: solid 1px #ddd;
+    border-radius: var(--bs-border-radius);
+    padding: 6px 12px;
+    position: relative;
+    transition: all .25s linear;
+    cursor: pointer;
+}
+
+    .badge-widget:hover {
+        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(40, 167, 69, 0.5);
+        border-color: #28a745 !important;
+    }
+
+    .badge-widget ::deep .badge {
+        position: absolute;
+        top: -6px;
+        right: -6px;
+        opacity: 0.8;
+    }

src/BootstrapBlazor.Shared/Shared/NavMenu.razor.css

@@ -17,6 +17,10 @@
     background-color: #8548ff;
 }
 
+.navbar-toggler {
+    background-color: var(--bs-indigo);
+}
+
 @media (min-width: 768px) {
     .sidebar-content {
         height: calc(100vh - var(--bs-header-height));

src/BootstrapBlazor.Shared/wwwroot/css/site.css

@@ -32,36 +32,6 @@
     margin-top: 2rem;
 }
 
-.navbar-toggler {
-    background-color: rgba(255, 255, 255, 0.1);
-}
-
-.validation-message {
-    color: red;
-}
-
-.badge-widget {
-    display: inline-block;
-    border: solid 1px #ddd;
-    border-radius: var(--bs-border-radius);
-    padding: 6px 12px;
-    position: relative;
-    transition: all .25s linear;
-    cursor: pointer;
-}
-
-    .badge-widget:hover {
-        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(40, 167, 69, 0.5);
-        border-color: #28a745 !important;
-    }
-
-    .badge-widget .badge {
-        position: absolute;
-        top: -6px;
-        right: -6px;
-        opacity: 0.8;
-    }
-
 .card-log {
     overflow: hidden auto;
     border: solid 1px #ddd;
@@ -1300,10 +1270,6 @@
         z-index: 1040;
     }
 
-    .navbar-toggler {
-        display: none;
-    }
-
     .chart {
         max-width: 740px;
     }