fix(web): 修复角色列表页头操作按钮未右对齐

背景：/system/roles 页头标题容器缺少 lx-roles__head-txt 类，且页头未设置 space-between，导致「权限点目录 / 新建角色」紧跟在标题后停在页面中间；编辑器/新建页因标题容器有 flex:1 不受影响。

改动：RolesPage 标题容器补 lx-roles__head-txt；.lx-roles__header 增加 justify-content:space-between，操作区增加 margin-left:auto。

验证：pnpm format:check / lint / typecheck / test 全绿；本地 5173 实测按钮回到右侧（1440×900 截图已更新）。

apps/web/src/pages/system/roles/RolesPage.tsx

@@ -171,7 +171,7 @@ export function RolesPage(): ReactNode {
   return (
     <div className="lx-roles">
       <header className="lx-roles__header">
-        <div>
+        <div className="lx-roles__head-txt">
           <h1>角色权限</h1>
           <p>配置功能权限、数据范围与特殊权限，变更即时生效并留痕</p>
         </div>

apps/web/src/styles/roles.css

@@ -21,6 +21,7 @@
   display: flex;
   flex: 0 0 auto;
   align-items: flex-start;
+  justify-content: space-between;
   gap: var(--lx-space-3);
 }
 
@@ -53,6 +54,7 @@
   flex: 0 0 auto;
   align-items: center;
   gap: var(--lx-space-2);
+  margin-left: auto;
 }
 
 .lx-roles__back {