expand default permissions table to use full page width

[areychana]

Notes for Reviewers

This PR fixes #1082

The default permissions table box was constrained to ~80% of the content column width due to the tabpane shortcode rendering inside a <ul> element, which had max-width: 80% applied by the theme.

Changes i made:

• Wrapped the tabpane shortcode in a <div class="permissions-tabpane"> to render it outside the ul constraint
• Added CSS to expand the tabpane to full content width
• Centered role indicator columns (✅/❌) in the Categories tab
• Fixed the Roles tab Description column width using table-layout: fixed with a 25/75 split

Signed commits

• Yes, I signed my commits.

[gemini-code-assist]

Code Review

This pull request wraps the permissions tabpane in a new <div class="permissions-tabpane"> container and adds corresponding SCSS styles to format the permissions tables. The reviewer suggests refactoring the newly added SCSS rules to leverage nesting, which improves readability and maintainability.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

[github-actions]

🚀 Preview deployment: https://layer5io.github.io/docs/pr-preview/pr-1083/

Note: Preview may take a moment (GitHub Pages deployment in progress). Please wait and refresh. Track deployment here