feat(ui): enhance table and admin components with improved layout and status display

- Updated global CSS to center-align table headers and cells, ensuring a consistent layout.
- Modified admin table components to replace switches with status badges for better clarity.
- Enhanced internationalization support by adding new strings for version actions and validation messages in multiple locales.
- Refactored configuration document screens to include version selection and improved user feedback on status changes.

src/modules/admin-users/admin-users-console.tsx

@@ -16,7 +16,9 @@ import {
 } from "@/api/admin-users";
 import { AdminListPaginationFooter } from "@/components/admin/admin-list-pagination-footer";
 import { AdminTableExportButton } from "@/components/admin/admin-table-export-button";
+import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
 import { Badge } from "@/components/ui/badge";
+import { resolveAdminUserStatusTone } from "@/lib/admin-status-tone";
 import { Button } from "@/components/ui/button";
 import { Switch } from "@/components/ui/switch";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
@@ -391,13 +393,9 @@ export function AdminUsersConsole(): React.ReactElement {
                       </TableCell>
                       <TableCell>{row.nickname ?? ""}</TableCell>
                       <TableCell>
-                        <div className="flex justify-center">
-                          <Switch
-                            checked={row.status === 0}
-                            disabled
-                            aria-label={t("table.status")}
-                          />
-                        </div>
+                        <AdminStatusBadge status={row.status} tone={resolveAdminUserStatusTone(row.status)}>
+                          {row.status === 0 ? t("status.enabled") : t("status.disabled")}
+                        </AdminStatusBadge>
                       </TableCell>
                       <TableCell>
                         <div className="flex flex-wrap gap-1">