Pixel/links development. New validations folder. More refactoring.

src/app/(main)/pixels/PixelsPage.tsx

@@ -3,17 +3,23 @@ import { PageBody } from '@/components/common/PageBody';
 import { Column } from '@umami/react-zen';
 import { PageHeader } from '@/components/common/PageHeader';
 import { PixelAddButton } from './PixelAddButton';
-import { useMessages } from '@/components/hooks';
+import { useMessages, useNavigation } from '@/components/hooks';
+import { PixelsDataTable } from './PixelsDataTable';
+import { Panel } from '@/components/common/Panel';
 
 export function PixelsPage() {
   const { formatMessage, labels } = useMessages();
+  const { teamId } = useNavigation();
 
   return (
     <PageBody>
-      <Column>
+      <Column gap="6">
         <PageHeader title={formatMessage(labels.pixels)}>
-          <PixelAddButton />
+          <PixelAddButton teamId={teamId} />
         </PageHeader>
+        <Panel>
+          <PixelsDataTable />
+        </Panel>
       </Column>
     </PageBody>
   );