add bg-color to private legacy pages

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

@@ -76,7 +76,9 @@ const PageTree: FC = memo(() => {
 
       {!isGuestUser && migrationStatus?.migratablePagesCount != null && migrationStatus.migratablePagesCount !== 0 && (
         <div className="grw-pagetree-footer border-top p-3 w-100">
-          <PrivateLegacyPagesLink />
+          <div className="private-legacy-pages-link px-3 py-2">
+            <PrivateLegacyPagesLink />
+          </div>
         </div>
       )}
     </>

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

@@ -280,7 +280,7 @@ ul.pagination {
       $gray-500
     );
   }
-  .grw-pagetree-footer {
+  .private-legacy-pages-link {
     &:hover {
       background: $bgcolor-list-hover;
     }

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

@@ -180,7 +180,7 @@ $border-color: $border-color-global;
       $gray-400
     );
   }
-  .grw-pagetree-footer {
+  .private-legacy-pages-link {
     &:hover {
       background: $bgcolor-list-hover;
     }