Translate to pt, fix some ui details, add proper icon and logo

src/components/dashboard/IpPoolChart.tsx

@@ -28,11 +28,11 @@ export function IpPoolChart({
 
   const data = [
     {
-      name: 'Used',
+      name: 'Usados',
       value: used,
     },
     {
-      name: 'Available',
+      name: 'Disponíveis',
       value: available,
     },
   ];
@@ -41,11 +41,11 @@ export function IpPoolChart({
     <Card className="flex h-full flex-col">
       <div>
         <h3 className="font-semibold text-white">
-          IP Pool Usage
+          Uso da Pool IP
         </h3>
 
         <p className="text-xs text-slate-500">
-          WireGuard allocation capacity
+          Capacidade de atribuição WireGuard
         </p>
       </div>
 
@@ -82,7 +82,7 @@ export function IpPoolChart({
             </p>
 
             <p className="mt-1 text-xs text-slate-500">
-              pool used
+              pool usada
             </p>
           </div>
         </div>
@@ -90,7 +90,7 @@ export function IpPoolChart({
         <div className="mt-8 space-y-4">
           <div className="rounded-2xl border border-white/10 bg-white/[0.03] p-4">
             <p className="text-xs uppercase tracking-wide text-slate-500">
-              Used IPs
+              IPs Usados
             </p>
 
             <p className="mt-1 text-2xl font-bold text-green-300">
@@ -100,7 +100,7 @@ export function IpPoolChart({
 
           <div className="rounded-2xl border border-white/10 bg-white/[0.03] p-4">
             <p className="text-xs uppercase tracking-wide text-slate-500">
-              Available IPs
+              IPs Disponíveis
             </p>
 
             <p className="mt-1 text-2xl font-bold text-blue-300">
@@ -110,7 +110,7 @@ export function IpPoolChart({
 
           <div className="rounded-2xl border border-white/10 bg-white/[0.03] p-4">
             <div className="mb-2 flex justify-between text-xs text-slate-500">
-              <span>Capacity</span>
+              <span>Capacidade</span>
               <span>{used} / {total}</span>
             </div>