💄(frontend) fix background action on panel pages

Background actions were transparent,
making them hard to see.

Author: AntoLC

src/frontend/apps/impress/src/features/docs/doc-tree/components/DocSubPageItem.tsx

@@ -121,7 +121,6 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
         background-color: var(--c--globals--colors--gray-000);
         .light-doc-item-actions {
           display: ${menuOpen || !isDesktop ? 'flex' : 'none'};
-          position: absolute;
           right: var(--c--globals--spacings--0);
         }
         .c__tree-view--node.isFocused {

src/frontend/apps/impress/src/features/docs/doc-tree/components/DocTree.tsx

@@ -234,7 +234,7 @@ export const DocTree = ({ currentDoc }: DocTreeProps) => {
             }
 
             .doc-tree-root-item-actions {
-              display: flex;
+              display: ${rootActionsOpen ? 'flex' : 'none'};
               opacity: ${rootActionsOpen ? '1' : '0'};
 
               &:has(.isOpen) {
@@ -244,6 +244,7 @@ export const DocTree = ({ currentDoc }: DocTreeProps) => {
             &:hover,
             &:focus-visible {
               .doc-tree-root-item-actions {
+                display: flex;
                 opacity: 1;
               }
             }