Changes done in ui screens

components/dashboard/compliance/training.tsx

@@ -1,10 +1,8 @@
 import { useState } from 'react';
 import { 
-  ShieldCheck, 
-  Clock, 
+  
   AlertTriangle, 
-  Calendar, 
-  Layers, 
+ 
   Plus, 
   GraduationCap,
   Star,
@@ -28,12 +26,12 @@ export default function TrainingPortal() {
       {/* --- HEADER SECTION --- */}
       <div className="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-6">
         <div>
-          <div className="flex items-center gap-2 text-[10px] font-bold tracking-widest uppercase font-mono">
+          <div className="flex items-center gap-2 text-[12px] font-bold tracking-widest uppercase font-mono">
             <span className="text-teal-400">Apple One — HQ Tower</span>
-            <span className="text-slate-500">•</span>
-            <span className="text-slate-500">COMPLIANCE</span>
-            <span className="text-slate-500">•</span>
-            <span className="text-slate-500">TRAINING</span>
+            <span className="text-slate-600">•</span>
+            <span className="text-slate-400">COMPLIANCE</span>
+            <span className="text-slate-600">•</span>
+            <span className="text-slate-400">TRAINING</span>
           </div>
           <h1 className="text-2xl font-bold text-white tracking-tight mt-2">
             Training & onboarding