Refactor Dropdown Handlers and Update WordPress Integration

- Updated dropdown onChange handlers across multiple components to use direct value passing instead of event target value for improved clarity and consistency.
- Changed `url` to `site_url` in WordPress integration configuration for better semantic clarity.
- Enhanced Vite configuration to include `fast-deep-equal` for compatibility with `react-dnd`.
- Updated navigation paths in `SiteContentEditor` and `SiteList` for consistency with new routing structure.

frontend/src/pages/Sites/Editor.tsx

@@ -144,7 +144,7 @@ export default function SiteContentEditor() {
               <p className="text-gray-600 dark:text-gray-400 mb-4">
                 No pages found in this blueprint
               </p>
-              <Button onClick={() => navigate('/site-builder')} variant="primary">
+              <Button onClick={() => navigate('/sites/builder')} variant="primary">
                 Generate Pages
               </Button>
             </Card>

frontend/src/pages/Sites/List.tsx

@@ -5,7 +5,7 @@
  */
 import React, { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { PlusIcon, EditIcon, SettingsIcon, EyeIcon, TrashIcon, FilterIcon, SearchIcon, PlugIcon, FileTextIcon } from 'lucide-react';
+import { PlusIcon, EditIcon, SettingsIcon, EyeIcon, TrashIcon, FilterIcon, SearchIcon, PlugIcon, FileTextIcon, MoreVerticalIcon, Building2Icon } from 'lucide-react';
 import PageMeta from '../../components/common/PageMeta';
 import { Card } from '../../components/ui/card';
 import Button from '../../components/ui/button/Button';
@@ -515,10 +515,6 @@ export default function SiteList() {
             </p>
           </div>
           <div className="flex gap-2">
-            <Button onClick={() => navigate('/sites/manage')} variant="outline">
-              <SettingsIcon className="w-4 h-4 mr-2" />
-              Site Management
-            </Button>
             <Button onClick={() => navigate('/sites/builder')} variant="outline">
               <PlusIcon className="w-4 h-4 mr-2" />
               Create with Builder
@@ -583,7 +579,7 @@ export default function SiteList() {
             <SelectDropdown
               options={SITE_TYPES}
               value={siteTypeFilter}
-              onChange={(e) => setSiteTypeFilter(e.target.value)}
+              onChange={(value) => setSiteTypeFilter(value)}
             />
           </div>
 
@@ -595,7 +591,7 @@ export default function SiteList() {
             <SelectDropdown
               options={HOSTING_TYPES}
               value={hostingTypeFilter}
-              onChange={(e) => setHostingTypeFilter(e.target.value)}
+              onChange={(value) => setHostingTypeFilter(value)}
             />
           </div>
 
@@ -607,7 +603,7 @@ export default function SiteList() {
             <SelectDropdown
               options={STATUS_OPTIONS}
               value={statusFilter}
-              onChange={(e) => setStatusFilter(e.target.value)}
+              onChange={(value) => setStatusFilter(value)}
             />
           </div>
         </div>
@@ -619,7 +615,7 @@ export default function SiteList() {
           <SelectDropdown
             options={INTEGRATION_OPTIONS}
             value={integrationFilter}
-            onChange={(e) => setIntegrationFilter(e.target.value)}
+            onChange={(value) => setIntegrationFilter(value)}
           />
         </div>
       </Card>
@@ -738,19 +734,21 @@ export default function SiteList() {
                       variant="outline"
                       size="sm"
                       onClick={() => handleSettings(site.id)}
-                      className="shadow-theme-xs inline-flex h-9 w-9 items-center justify-center rounded-lg border border-gray-300 text-gray-700 dark:border-gray-700 dark:text-gray-400"
+                      className="shadow-theme-xs inline-flex h-9 items-center justify-center rounded-lg border border-gray-300 text-gray-700 dark:border-gray-700 dark:text-gray-400 px-3"
                       title="Configure Sectors"
                     >
-                      <SettingsIcon className="w-4 h-4" />
+                      <Building2Icon className="w-4 h-4 mr-1" />
+                      <span className="text-xs">Sectors</span>
                     </Button>
                     <Button
                       variant="outline"
                       size="sm"
                       onClick={() => navigate(`/sites/${site.id}/settings`)}
-                      className="shadow-theme-xs inline-flex h-9 w-9 items-center justify-center rounded-lg border border-gray-300 text-gray-700 dark:border-gray-700 dark:text-gray-400"
+                      className="shadow-theme-xs inline-flex h-9 items-center justify-center rounded-lg border border-gray-300 text-gray-700 dark:border-gray-700 dark:text-gray-400 px-3"
                       title="Site Settings"
                     >
-                      <SettingsIcon className="w-4 h-4" />
+                      <SettingsIcon className="w-4 h-4 mr-1" />
+                      <span className="text-xs">Settings</span>
                     </Button>
                   </div>
                   <Switch

frontend/src/pages/Sites/PostEditor.tsx

@@ -327,7 +327,7 @@ export default function PostEditor() {
                   <SelectDropdown
                     options={CONTENT_TYPES}
                     value={content.content_type}
-                    onChange={(e) => setContent({ ...content, content_type: e.target.value })}
+                    onChange={(value) => setContent({ ...content, content_type: value })}
                   />
                 </div>
 
@@ -336,7 +336,7 @@ export default function PostEditor() {
                   <SelectDropdown
                     options={STATUS_OPTIONS}
                     value={content.status}
-                    onChange={(e) => setContent({ ...content, status: e.target.value })}
+                    onChange={(value) => setContent({ ...content, status: value })}
                   />
                 </div>
               </div>

frontend/src/pages/Sites/Settings.tsx

@@ -225,7 +225,10 @@ export default function SiteSettings() {
         <div className="flex gap-4">
           <button
             type="button"
-            onClick={() => setActiveTab('general')}
+            onClick={() => {
+              setActiveTab('general');
+              navigate(`/sites/${siteId}/settings`, { replace: true });
+            }}
             className={`px-4 py-2 font-medium border-b-2 transition-colors ${
               activeTab === 'general'
                 ? 'border-brand-500 text-brand-600 dark:text-brand-400'
@@ -237,7 +240,10 @@ export default function SiteSettings() {
           </button>
           <button
             type="button"
-            onClick={() => setActiveTab('seo')}
+            onClick={() => {
+              setActiveTab('seo');
+              navigate(`/sites/${siteId}/settings?tab=seo`, { replace: true });
+            }}
             className={`px-4 py-2 font-medium border-b-2 transition-colors ${
               activeTab === 'seo'
                 ? 'border-brand-500 text-brand-600 dark:text-brand-400'
@@ -249,7 +255,10 @@ export default function SiteSettings() {
           </button>
           <button
             type="button"
-            onClick={() => setActiveTab('og')}
+            onClick={() => {
+              setActiveTab('og');
+              navigate(`/sites/${siteId}/settings?tab=og`, { replace: true });
+            }}
             className={`px-4 py-2 font-medium border-b-2 transition-colors ${
               activeTab === 'og'
                 ? 'border-brand-500 text-brand-600 dark:text-brand-400'
@@ -261,7 +270,10 @@ export default function SiteSettings() {
           </button>
           <button
             type="button"
-            onClick={() => setActiveTab('schema')}
+            onClick={() => {
+              setActiveTab('schema');
+              navigate(`/sites/${siteId}/settings?tab=schema`, { replace: true });
+            }}
             className={`px-4 py-2 font-medium border-b-2 transition-colors ${
               activeTab === 'schema'
                 ? 'border-brand-500 text-brand-600 dark:text-brand-400'
@@ -273,7 +285,10 @@ export default function SiteSettings() {
           </button>
           <button
             type="button"
-            onClick={() => setActiveTab('integrations')}
+            onClick={() => {
+              setActiveTab('integrations');
+              navigate(`/sites/${siteId}/settings?tab=integrations`, { replace: true });
+            }}
             className={`px-4 py-2 font-medium border-b-2 transition-colors ${
               activeTab === 'integrations'
                 ? 'border-brand-500 text-brand-600 dark:text-brand-400'
@@ -316,7 +331,7 @@ export default function SiteSettings() {
                 <SelectDropdown
                   options={SITE_TYPES}
                   value={formData.site_type}
-                  onChange={(e) => setFormData({ ...formData, site_type: e.target.value })}
+                  onChange={(value) => setFormData({ ...formData, site_type: value })}
                 />
               </div>
 
@@ -325,7 +340,7 @@ export default function SiteSettings() {
                 <SelectDropdown
                   options={HOSTING_TYPES}
                   value={formData.hosting_type}
-                  onChange={(e) => setFormData({ ...formData, hosting_type: e.target.value })}
+                  onChange={(value) => setFormData({ ...formData, hosting_type: value })}
                 />
               </div>
 
@@ -572,8 +587,8 @@ export default function SiteSettings() {
           initialData={
             wordPressIntegration
               ? {
-                  url: wordPressIntegration.config_json?.url || '',
-                  username: wordPressIntegration.config_json?.username || '',
+                  url: wordPressIntegration.config_json?.site_url || '',
+                  username: wordPressIntegration.credentials_json?.username || '',
                   app_password: '', // Never show password
                   is_active: wordPressIntegration.is_active,
                   sync_enabled: wordPressIntegration.sync_enabled,