92083 change count badge class name

packages/app/src/components/Common/CountBadge.tsx

@@ -7,7 +7,7 @@ type CountProps = {
 const CountBadge: FC<CountProps> = (props:CountProps) => {
   return (
     <>
-      <span className="grw-pagetree-count px-2 badge badge-pill badge-light">
+      <span className="grw-count-badge px-2 badge badge-pill badge-light">
         {props.count}
       </span>
     </>

packages/app/src/styles/_page-tree.scss

@@ -21,7 +21,7 @@ $grw-pagetree-item-padding-left: 10px;
         display: block;
       }
 
-      .grw-pagetree-count {
+      .grw-count-badge {
         display: none;
       }
     }
@@ -49,7 +49,7 @@ $grw-pagetree-item-padding-left: 10px;
         display: none;
       }
 
-      .grw-pagetree-count {
+      .grw-count-badge {
         width: auto;
         padding: 0.1rem 0;
         font-size: 12px;

packages/app/src/styles/theme/_apply-colors-dark.scss

@@ -287,7 +287,7 @@ ul.pagination {
     .grw-pagetree-triangle-btn {
       @include button-outline-svg-icon-variant($secondary, $gray-200);
     }
-    .grw-pagetree-count {
+    .grw-count-badge {
       color: $gray-400;
       background: $gray-700;
     }

packages/app/src/styles/theme/_apply-colors-light.scss

@@ -192,7 +192,7 @@ $dropdown-link-active-bg: $bgcolor-dropdown-link-active;
     .grw-pagetree-triangle-btn {
       @include button-outline-svg-icon-variant($gray-400, $primary);
     }
-    .grw-pagetree-count {
+    .grw-count-badge {
       color: $gray-500;
       background: $gray-200;
     }