Relocate style class

apps/app/src/components/Sidebar/RecentChanges/RecentChangesSubstance.module.scss

@@ -45,11 +45,6 @@
   .truncate-text {
     max-width: fit-content;
   }
-
-  .wip-page-badge {
-    height: 0.9rem;
-    font-size: 0.5rem;
-  }
 }
 
 

apps/app/src/components/Sidebar/SidebarContents.module.scss

@@ -11,4 +11,7 @@
     --bs-list-group-bg: transparent;
   }
 
+  .wip-page-badge {
+    font-size: 0.5rem;
+  }
 }

apps/app/src/components/TreeItem/SimpleItem.tsx

@@ -61,7 +61,7 @@ const SimpleItemContent = ({ page }: { page: IPageForItem }) => {
           <div className="d-flex align-items-center">
             <span className={`text-truncate ${page.isEmpty && 'grw-sidebar-text-muted'}`}>{pageName}</span>
             { page.wip && (
-              <span className="badge rounded-pill text-bg-secondary ms-2">WIP</span>
+              <span className="wip-page-badge badge rounded-pill text-bg-secondary ms-2">WIP</span>
             )}
           </div>
         </div>