feat(source2): push all latest files - device labeling, help system, proxy docs, database isolation fix

- Added DOKUMENTASI-FILTER-PER-SITE.md (site isolation docs)
- Fixed start-with-env.js to force-load .env.production
- Fixed MONGODB_URI hostname from mongodb-netify to mongodb.prod.proit.id
- Updated .gitignore to exclude sensitive scripts and credential files
- Minor UI and labeling improvements

src/app/(dashboard)/agents/AgentsTableSection.tsx

@@ -2,24 +2,37 @@
 
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/Card";
 import { DataTable, Column } from "@/components/ui/DataTable";
-import { Loader2 } from "lucide-react";
-import { Agent } from "@/lib/actions/agents";
+import { Loader2, Plus } from "lucide-react";
+import { Agent } from "@/lib/actions/agentsCore";
 
 interface AgentsTableSectionProps {
   agents: Agent[];
   isLoading: boolean;
   columns: Column<Agent>[];
+  role: string | null;
+  onProvisionClick?: () => void;
 }
 
 export default function AgentsTableSection({
   agents,
   isLoading,
   columns,
+  role,
+  onProvisionClick,
 }: AgentsTableSectionProps) {
   return (
     <Card className="bg-card/50 backdrop-blur-sm border-border/50">
-      <CardHeader>
+      <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-4">
         <CardTitle className="text-white">Provisioned Network Agents ({agents.length})</CardTitle>
+        {(role === 'SUPER_ADMIN' || role === 'TENANT_ADMIN') && onProvisionClick && (
+          <button 
+            onClick={onProvisionClick}
+            className="flex items-center gap-2 bg-primary hover:bg-primary/95 text-primary-foreground px-4 py-2 rounded-xl text-sm font-semibold transition-all shadow-lg shadow-blue-500/10"
+          >
+            <Plus className="w-4 h-4" />
+            Provision Agent
+          </button>
+        )}
       </CardHeader>
       <CardContent>
         {isLoading ? (