Refactor campaign integration settings

Remove redundant dialog for plugin integration. The integration settings, including the toggle for code or plugin integration, will now be directly within the campaign settings dialog, under an "Integration" tab. This aligns with the user's feedback for a more logical structure.

Author: lovable-dev[bot]

src/components/campaign-integration/CodeIntegration.tsx

@@ -42,14 +42,7 @@ export const CodeIntegration = ({ campaign }: CodeIntegrationProps) => {
 
   return (
     <div className="space-y-8">
-      <div className="space-y-2">
-        <h3 className="text-lg font-semibold text-slate-900">Scripts d'intégration</h3>
-        <p className="text-slate-600">
-          Copiez et collez ces scripts sur votre site marchand pour activer le tracking d'affiliation.
-        </p>
-      </div>
-
-      <TrackingScriptSection 
+      <TrackingScriptSection
         trackingScript={trackingScript}
         copiedItems={copiedItems}
         setCopiedItems={setCopiedItems}

src/components/campaign-integration/IntegrationTypeSelector.tsx

@@ -10,13 +10,9 @@ interface IntegrationTypeSelectorProps {
 
 export const IntegrationTypeSelector = ({ activeType, onTypeChange, children }: IntegrationTypeSelectorProps) => {
   return (
-    <Card>
-      <CardHeader>
-        <CardTitle>Type d'intégration</CardTitle>
-      </CardHeader>
-      <CardContent>
-        <Tabs value={activeType} onValueChange={(value) => onTypeChange(value as 'code' | 'plugin')}>
-          <TabsList className="grid w-full grid-cols-2 mb-6">
+    <div>
+      <Tabs value={activeType} onValueChange={(value) => onTypeChange(value as 'code' | 'plugin')}>
+        <TabsList className="grid w-full grid-cols-2 mb-6">
             <TabsTrigger value="code" className="flex items-center gap-2">
               <Code className="h-4 w-4" />
               Intégration par code
@@ -29,7 +25,6 @@ export const IntegrationTypeSelector = ({ activeType, onTypeChange, children }:
 
           {children}
         </Tabs>
-      </CardContent>
-    </Card>
+    </div>
   );
 };

src/components/campaign-integration/PluginIntegration.tsx

@@ -187,13 +187,6 @@ export const PluginIntegration: React.FC<PluginIntegrationProps> = ({ campaignId
 
   return (
     <div className="space-y-6">
-      <div className="space-y-2">
-        <h3 className="text-lg font-semibold text-slate-900">Configuration des plugins</h3>
-        <p className="text-slate-600">
-          Configurez RefSpring directement sur WordPress et Shopify sans code
-        </p>
-      </div>
-
       <div className="flex justify-end">
         <Button onClick={generateApiKey} disabled={isLoading} variant="outline">
           <Key className="h-4 w-4 mr-2" />