chore: avoid overloading the watchlist page

assets/pages/tracking/ConnectorPage.tsx

@@ -8,7 +8,7 @@ import {ConnectorElement, ConnectorsList} from "../../components/tracking/connec
 
 import {showErrorAPI} from "../../utils/functions/showErrorAPI";
 
-export default function ConnectorsPage() {
+export default function ConnectorPage() {
     const [form] = Form.useForm()
     const [messageApi, contextHolder] = message.useMessage()
     const [connectors, setConnectors] = useState<ConnectorElement[] | null>()

assets/pages/tracking/TrackedDomainPage.tsx

@@ -0,0 +1,14 @@
+import {Card, Flex} from "antd";
+import {t} from "ttag";
+import {TrackedDomainTable} from "../../components/tracking/watchlist/TrackedDomainTable";
+import React from "react";
+
+export default function TrackedDomainPage() {
+
+    return <Flex gap="middle" align="center" justify="center" vertical>
+        <Card title={t`Tracked domain names`}
+              style={{width: '100%', height: '80vh'}}>
+            <TrackedDomainTable/>
+        </Card>
+    </Flex>
+}

assets/pages/tracking/WatchlistPage.tsx

@@ -1,5 +1,5 @@
 import React, {useEffect, useState} from "react";
-import {Card, Divider, Flex, Form, message, Tag} from "antd";
+import {Card, Divider, Flex, Form, message} from "antd";
 import {EventAction, getWatchlists, postWatchlist, putWatchlist} from "../../utils/api";
 import {AxiosError} from "axios";
 import {t} from 'ttag'
@@ -8,8 +8,6 @@ import {WatchlistsList} from "../../components/tracking/watchlist/WatchlistsList
 import {Connector, getConnectors} from "../../utils/api/connectors";
 
 import {showErrorAPI} from "../../utils/functions/showErrorAPI";
-import {TrackedDomainTable} from "../../components/tracking/watchlist/TrackedDomainTable";
-import {AimOutlined} from "@ant-design/icons";
 
 
 export type Watchlist = {
@@ -99,16 +97,6 @@ export default function WatchlistPage() {
 
     return <Flex gap="middle" align="center" justify="center" vertical>
         {contextHolder}
-        <Card title={
-            <>
-                <Tag icon={<AimOutlined/>} color="cyan-inverse"/>
-                {t`Tracked domain names`}
-            </>
-        }
-              style={{width: '100%'}}>
-            <TrackedDomainTable/>
-        </Card>
-        <Divider/>
         <Card loading={connectors === undefined} title={t`Create a Watchlist`} style={{width: '100%'}}>
             {connectors &&
                 <WatchlistForm form={form} onFinish={onCreateWatchlist} connectors={connectors} isCreation={true}/>