fix: improve client tracker UI - replace emoji with icon and compact button

- Replace 📊 emoji with BarChart3 icon for better dark mode visibility
- Change Add Outreach button to icon-only for more compact design
- Icon now displays properly in both light and dark modes

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: Zeff01

apps/codebility/app/home/admin-controls/client-tracker/_components/ClientTrackerContent.tsx

@@ -170,9 +170,8 @@ export default function ClientTrackerContent() {
 
           <Dialog open={addDialogOpen} onOpenChange={setAddDialogOpen}>
             <DialogTrigger asChild>
-              <Button className="bg-blue-600 hover:bg-blue-700 text-white">
-                <Plus className="h-4 w-4 mr-2" />
-                Add Outreach
+              <Button size="sm" className="bg-blue-600 hover:bg-blue-700 text-white">
+                <Plus className="h-4 w-4" />
               </Button>
             </DialogTrigger>
             <DialogContent className="sm:max-w-[500px]">

apps/codebility/app/home/admin-controls/client-tracker/page.tsx

@@ -1,4 +1,5 @@
 import { Suspense } from "react";
+import { BarChart3 } from "lucide-react";
 import { Skeleton } from "@/components/ui/skeleton/skeleton";
 import H1 from "@/components/shared/dashboard/H1";
 import PageContainer from "../../_components/PageContainer";
@@ -19,7 +20,7 @@ export default async function ClientTrackerPage() {
       <div className="flex flex-col gap-6">
         <div className="flex items-center gap-4">
           <div className="flex h-12 w-12 items-center justify-center rounded-full bg-gradient-to-br from-blue-500 to-cyan-500">
-            <span className="text-2xl">📊</span>
+            <BarChart3 className="h-6 w-6 text-white" />
           </div>
           <div>
             <H1 className="text-3xl font-bold bg-gradient-to-r from-blue-600 to-cyan-600 bg-clip-text text-transparent">