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/settings/currency-settings-panel.tsx

@@ -12,6 +12,7 @@ import {
   putAdminCurrency,
 } from "@/api/admin-currencies";
 import { AdminPageCard } from "@/components/admin/admin-page-card";
+import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
 import { Button } from "@/components/ui/button";
 import { AdminTableExportButton } from "@/components/admin/admin-table-export-button";
 import { Switch } from "@/components/ui/switch";
@@ -250,22 +251,20 @@ export function CurrencySettingsPanel() {
                     <TableCell>{row.name}</TableCell>
                     <TableCell>{row.decimal_places}</TableCell>
                     <TableCell>
-                      <div className="flex justify-center">
-                        <Switch
-                          checked={row.is_enabled}
-                          disabled
-                          aria-label={t("currencies.form.enabled", { ns: "config", code: row.code })}
-                        />
-                      </div>
+                      <AdminStatusBadge status={row.is_enabled ? "enabled" : "disabled"}>
+                        {row.is_enabled
+                          ? t("system.states.enabled", { ns: "config" })
+                          : t("system.states.disabled", { ns: "config" })}
+                      </AdminStatusBadge>
                     </TableCell>
                     <TableCell>
-                      <div className="flex justify-center">
-                        <Switch
-                          checked={row.is_enabled && row.is_bettable}
-                          disabled
-                          aria-label={t("currencies.form.bettable", { ns: "config", code: row.code })}
-                        />
-                      </div>
+                      <AdminStatusBadge
+                        status={row.is_enabled && row.is_bettable ? "enabled" : "disabled"}
+                      >
+                        {row.is_enabled && row.is_bettable
+                          ? t("system.states.enabled", { ns: "config" })
+                          : t("system.states.disabled", { ns: "config" })}
+                      </AdminStatusBadge>
                     </TableCell>
                     <TableCell className="text-center">
                       <div className="flex items-center justify-center gap-2">