updates to tables and expanded them to full

apps/web/src/features/exchanges/components/ExchangesTable.tsx

@@ -252,17 +252,7 @@ export function ExchangesTable() {
   }
 
   return (
-    <div className="space-y-4">
-      <div className="flex items-center justify-between">
-        <div>
-          <h2 className="text-lg font-bold text-text-primary">Exchanges Management</h2>
-          <p className="text-sm text-text-secondary">
-            Manage exchange configurations and source mappings
-          </p>
-        </div>
-        <div className="text-sm text-text-muted">{exchanges?.length || 0} exchanges loaded</div>
-      </div>
-
+    <>
       <DataTable
         data={exchanges || []}
         columns={columns}
@@ -270,11 +260,6 @@ export function ExchangesTable() {
         className="rounded-lg border border-border"
       />
 
-      <div className="mt-2 text-xs text-text-muted">
-        Debug: Data length: {exchanges?.length || 0}, Loading: {loading.toString()}, Error:{' '}
-        {error || 'none'}
-      </div>
-
       {addSourceDialog && (
         <AddSourceDialog
           isOpen={true}
@@ -293,6 +278,6 @@ export function ExchangesTable() {
           }}
         />
       )}
-    </div>
+    </>
   );
 }