add use client to server components

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

@@ -18,7 +18,7 @@ export default function AccessPoint() {
         entity={{ name: "Access Point", details: APSummaryDetails }}
       />
       <div>
-        <h4>Attachement View</h4>
+        <h4>Attachment View</h4>
         <CustomTable
           data={APAttachmentsDummyData}
           configuration={APAttachmentsTableConfig}

pkgs/ui/src/app/client-1/page.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import SummaryDetails from "@/components/summary_card";
 import { Client1SummaryDetails } from "@/mock/client_1";
 

pkgs/ui/src/app/client-2/page.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import SummaryDetails from "@/components/summary_card";
 import { Client2SummaryDetails } from "@/mock/client_2";
 

pkgs/ui/src/app/home/page.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { NoDataOverlay } from "@/components/noDataOverlay";
 import SummaryDetails from "@/components/summary_card";
 import CustomTable from "@/components/table";