feat: migrar tablero, páginas y configuración a estados dinámicos (Fase 1)

src/app/issues/page.tsx

@@ -4,7 +4,7 @@ import { useRouter, useSearchParams } from "next/navigation";
 import { Suspense, useEffect, useState } from "react";
 import { api } from "@/lib/api";
 import type { Issue, IssueInput, IssueStatus } from "@/lib/types";
-import { STATUS_META, STATUS_ORDER } from "@/lib/meta";
+import { useWorkflowStates } from "@/lib/store";
 import { useIssues } from "@/hooks/useIssues";
 import { AppShell } from "@/components/layout/AppShell";
 import { IssueList } from "@/components/issues/IssueList";
@@ -29,6 +29,7 @@ function IssuesPageInner() {
   const searchParams = useSearchParams();
 
   const [statusFilter, setStatusFilter] = useState<IssueStatus[]>([]);
+  const { meta, order } = useWorkflowStates();
   const [refreshKey, setRefreshKey] = useState(0);
   const [creating, setCreating] = useState(false);
   const [title, setTitle] = useState("");
@@ -70,7 +71,7 @@ function IssuesPageInner() {
 
   const actions = (
     <div className="d-flex align-items-center gap-2">
-      {STATUS_ORDER.map((status) => (
+      {order.map((status) => (
         <button
           key={status}
           type="button"
@@ -79,9 +80,9 @@ function IssuesPageInner() {
         >
           <span
             className="label-dot"
-            style={{ background: STATUS_META[status].color }}
+            style={{ background: meta[status]?.color ?? "#98a2b3" }}
           />
-          {STATUS_META[status].label}
+          {meta[status]?.label ?? status}
         </button>
       ))}
     </div>