fixup! ✨(frontend) added subpage management and document tree features

Author: AntoLC

src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx

@@ -193,7 +193,7 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
                 }}
                 size={isSmallMobile ? 'small' : 'medium'}
                 style={{
-                  color: colors['primary-800'],
+                  color: colorsTokens['primary-800'],
                 }}
               >
                 {t('Share')}

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

@@ -39,7 +39,6 @@ export const DocSubPageItem = (props: Props) => {
   const { spacingsTokens } = useCunninghamTheme();
   const [isHover, setIsHover] = useState(false);
 
-  const spacing = spacingsTokens();
   const router = useRouter();
   const { togglePanel } = useLeftPanelStore();
 
@@ -115,7 +114,7 @@ export const DocSubPageItem = (props: Props) => {
           data-testid={`doc-sub-page-item-${props.node.data.value.id}`}
           $width="100%"
           $direction="row"
-          $gap={spacing['xs']}
+          $gap={spacingsTokens['xs']}
           role="button"
           tabIndex={0}
           $align="center"

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

@@ -25,7 +25,6 @@ type DocTreeProps = {
 };
 export const DocTree = ({ initialTargetId }: DocTreeProps) => {
   const { spacingsTokens } = useCunninghamTheme();
-  const spacing = spacingsTokens();
   const treeContext = useTreeContext<Doc>();
   const { currentDoc } = useDocStore();
   const router = useRouter();
@@ -138,7 +137,7 @@ export const DocTree = ({ initialTargetId }: DocTreeProps) => {
       <Box $padding={{ horizontal: 'sm', top: 'sm', bottom: '-1px' }}>
         <Box
           $css={css`
-            padding: ${spacing['2xs']};
+            padding: ${spacingsTokens['2xs']};
             border-radius: 4px;
             width: 100%;
             background-color: ${rootIsSelected