[Entities] AP Attachment View Table

- fixed the router problem for different views
- implemented the attachment-table in the access point view

pkgs/ui/src/app/access-point/page.tsx

@@ -0,0 +1,10 @@
+"use client";
+
+import {APDummyData, APTableConfig} from "@/mock/ap/data";
+import {RecentActivity} from "@/components/dashboard/activity";
+
+export default function AccessPoint() {
+    return (
+        <RecentActivity title={"Attachments"} data={APDummyData} configuration={APTableConfig}/>
+    )
+}

pkgs/ui/src/components/dashboard/activity/index.tsx

@@ -1,11 +1,25 @@
-import { DashboardCard } from "@/components/card";
+import {DashboardCard} from "@/components/card";
-import { NoDataOverlay } from "@/components/noDataOverlay";
+import {NoDataOverlay} from "@/components/noDataOverlay";
+import {ReactNode} from "react";
+import CustomTable from "@/components/table";
+import {ICustomTable} from "@/types";
 
-export const RecentActivity = () => {
+interface DashboardCardProps {
+    title: ReactNode;
+    data: ReactNode;
+    configuration: ICustomTable;
+}
+
+export const RecentActivity = (props: DashboardCardProps) => {
+    const {title, data, configuration} = props;
     return (
-    <DashboardCard title="Recent Activity">
+        <DashboardCard title={title}>
-      <div className="flex w-full justify-center align-middle">
+            {/*<div className="flex w-full justify-center align-middle">*/}
-        <NoDataOverlay label="No Activity yet" />
+            {/*    <NoDataOverlay label="No Activity yet"/>*/}
+            {/*</div>*/}
+
+            <div>
+                <CustomTable data={data} configuration={configuration}/>
             </div>
         </DashboardCard>
     );

pkgs/ui/src/mock/ap/data.tsx

@@ -0,0 +1,28 @@
+export const APDummyData = [
+    {
+        "entity_name": "C1",
+        "entity_DID": "did:sov:test:1234",
+        "network": "Carlo’s Home Network",
+        "ip_address": "127.0.0.1",
+    }
+]
+
+
+export const APTableConfig = [
+    {
+        key: "entity_name",
+        label: "Entity name"
+    },
+    {
+        key: "entity_DID",
+        label: "Entity DID"
+    },
+    {
+        key: "network",
+        label: "Network"
+    },
+    {
+        key: "ip_address",
+        label: "IP address"
+    }
+]