Tab Constant is added

components/dashboard/admin/Configuration/language.tsx

@@ -2,36 +2,7 @@
 
 import { useState } from "react";
 import { Plus, ChevronDown } from "lucide-react";
-
-const initialLanguageValues = [
-  {
-    id: 1,
-    app: "Web Console",
-    menu: "Tenant",
-    screen: "Tenant List",
-    uiKey: "btn.add_tenant",
-    code: "EN",
-    value: "Add Tenant",
-  },
-  {
-    id: 2,
-    app: "Web Console",
-    menu: "Site",
-    screen: "Site List",
-    uiKey: "btn.add_site",
-    code: "EN",
-    value: "Add Site",
-  },
-  {
-    id: 3,
-    app: "Mobile App",
-    menu: "Inspections",
-    screen: "QR Round",
-    uiKey: "lbl.scan_qr",
-    code: "EN",
-    value: "Scan QR to begin round",
-  },
-];
+import { initialLanguageValues } from "@/constants/constant";
 
 export default function LanguagePortal() {
  
@@ -43,12 +14,12 @@ export default function LanguagePortal() {
     <div className="my-15 text-slate-100  font-sans ">
       {/* --- HEADER SECTION --- */}
       <div className="mb-6">
-        <div className="flex items-center gap-2 text-[10px] font-bold tracking-widest uppercase font-mono text-slate-400 mb-1">
-          <span>PLATFORM</span>
-          <span>•</span>
-          <span>LANGUAGE</span>
+        <div className="flex items-center gap-2 text-[12px] font-bold tracking-widest uppercase font-mono text-slate-400 mb-1">
+          <span className="text-gray-400">PLATFORM</span>
+          <span className="text-gray-600" >•</span>
+          <span className="text-gray-400">LANGUAGE</span>
         </div>
-        <h1 className="text-3xl font-bold text-white tracking-tight">Language</h1>
+        <h1 className="text-2xl font-bold text-white tracking-tight">Language</h1>
         <p className="text-sm font-medium text-slate-400 mt-1 max-w-3xl leading-relaxed">
           Manage translation keys across apps, menus and screens — then resolve their values per tenant.
         </p>