fixup! ✨(frontend) improve accessibility and styling of summary table

Author: Ovgodd

src/frontend/apps/impress/src/features/docs/doc-table-content/components/TableContent.tsx

@@ -106,7 +106,7 @@ export const TableContent = () => {
       $maxHeight="calc(50vh - 60px)"
       $zIndex={1000}
       $align="center"
-      $padding="xs"
+      $padding={isHover ? 'xs' : '0'}
       $justify="center"
       $position="relative"
       aria-label={t('Summary')}
@@ -128,18 +128,24 @@ export const TableContent = () => {
     >
       {!isHover && (
         <BoxButton
-          onClick={() => (isHover ? onClose() : onOpen())}
+          onClick={onOpen}
+          $width="100%"
+          $height="100%"
           $justify="center"
           $align="center"
           aria-label={t('Summary')}
           aria-expanded={isHover}
           aria-controls="toc-list"
           $css={css`
-            transition: none !important;
+            &:hover {
+              background: ${colorsTokens['primary-100']};
+            }
             &:focus-visible {
               outline: none;
-              box-shadow: 0 0 0 2px ${colorsTokens['primary-400']};
-              border-radius: 4px;
+              box-shadow: 0 0 0 4px ${colorsTokens['primary-400']};
+              background: ${colorsTokens['primary-100']};
+              width: 90%;
+              height: 90%;
             }
           `}
         >