improve private legacy pages' title color

packages/app/src/components/Sidebar/PageTree.tsx

@@ -64,7 +64,7 @@ const PageTree: FC = memo(() => {
         />
       </div>
 
-      <div className="border-top position-absolute fixed-bottom p-3 w-100">
+      <div className="grw-pagetree-footer border-top position-absolute fixed-bottom p-3 w-100">
         {
           !isGuestUser && migrationStatus?.migratablePagesCount != null && migrationStatus.migratablePagesCount !== 0 && (
             <PrivateLegacyPages />

packages/app/src/components/Sidebar/PageTree/PrivateLegacyPages.tsx

@@ -5,7 +5,7 @@ const PrivateLegacyPages: FC = memo(() => {
   const { t } = useTranslation();
 
   return (
-    <a href="/private-legacy-pages?q=[nq:PrivateLegacyPages]" className="h5">
+    <a href="/private-legacy-pages?q=[nq:PrivateLegacyPages]" className="h5 grw-private-legacy-pages-anchor text-decoration-none">
       <i className="icon-drawer mr-2"></i> Private Legacy Pages
     </a>
   );

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

@@ -52,3 +52,9 @@
     }
   }
 }
+
+.grw-pagetree-footer {
+  .h5.grw-private-legacy-pages-anchor {
+    color: inherit;
+  }
+}