Add tools to help debug Facebook API access and explore its features

Add buttons to the Pages Management page that link to the Facebook Token Debugger and Graph API Explorer.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/G8GuKB7

.replit

@@ -18,6 +18,14 @@ externalPort = 80
 localPort = 35357
 externalPort = 3002
 
+[[ports]]
+localPort = 37659
+externalPort = 4200
+
+[[ports]]
+localPort = 38617
+externalPort = 3003
+
 [[ports]]
 localPort = 40537
 externalPort = 3000

client/src/pages/pages.tsx

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { useQuery, useMutation } from "@tanstack/react-query";
-import { Plus, Facebook, Instagram, Trash2, RefreshCw, Edit } from "lucide-react";
+import { Plus, Facebook, Instagram, Trash2, RefreshCw, Edit, Bug, Code } from "lucide-react";
 import Sidebar from "@/components/sidebar";
 import TopBar from "@/components/topbar";
 import { Button } from "@/components/ui/button";
@@ -73,6 +73,25 @@ export default function PagesManagement() {
             <EditPageDialog page={editingPage} onOpenChange={(open) => !open && setEditingPage(null)} />
           </div>
 
+          <div className="flex gap-3 mb-6">
+            <Button
+              variant="outline"
+              onClick={() => window.open('https://developers.facebook.com/tools/debug/accesstoken/', '_blank')}
+              data-testid="button-debug-token"
+            >
+              <Bug className="w-4 h-4 mr-2" />
+              Débogueur de jeton
+            </Button>
+            <Button
+              variant="outline"
+              onClick={() => window.open('https://developers.facebook.com/tools/explorer', '_blank')}
+              data-testid="button-graph-explorer"
+            >
+              <Code className="w-4 h-4 mr-2" />
+              Graph Explorer
+            </Button>
+          </div>
+
           {isLoading ? (
             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
               {[1, 2, 3].map((i) => (