Working on implementation of alert policies. Some refactoring in user profile and patching a bug in status endpoint api.

app/(customer)/dashboard/(admin)/agents/[agentId]/page.tsx

@@ -49,10 +49,12 @@ export default async function RoutePage(props: PageParams<{ agentId: string }>)
                     <ButtonDeleteAgent agentId={agentId} text={"Delete Agent"}/>
                 </PageActions>
             </div>
-            <PageDescription className="mt-5 sm:mt-0">{agent.description}</PageDescription>
-            <PageContent className="flex flex-col w-full h-full">
-                <div className="flex flex-col sm:flex-row sm:justify-between gap-8 mb-6">
 
+            {agent.description && (
+                <PageDescription className="mt-5 sm:mt-0">{agent.description}</PageDescription>
+            )}
+            <PageContent className="flex flex-col w-full h-full justify-between gap-6">
+                <div className="flex flex-col sm:flex-row sm:justify-between gap-6 ">
                     <Card className="w-full sm:w-auto flex-1">
                         <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
                             <CardTitle className="text-sm font-medium">Databases</CardTitle>
@@ -76,7 +78,7 @@ export default async function RoutePage(props: PageParams<{ agentId: string }>)
                     </Card>
 
                 </div>
-                <Card className="w-full sm:w-auto flex-1 mb-4">
+                <Card className="w-full sm:w-auto flex-1 ">
                     <CardHeader className="font-bold text-xl">
                         Edge Key
                     </CardHeader>
@@ -86,7 +88,8 @@ export default async function RoutePage(props: PageParams<{ agentId: string }>)
                         />
                     </CardContent>
                 </Card>
-                <CardsWithPagination cardsPerPage={2} data={agent.databases} cardItem={DatabaseCard}/>
+                <CardsWithPagination cardsPerPage={4} numberOfColumns={2} data={agent.databases}
+                                     cardItem={DatabaseCard}/>
             </PageContent>
         </Page>
     )

app/(customer)/dashboard/(organization)/settings/page.tsx

@@ -26,9 +26,6 @@ export default async function RoutePage(props: PageParams<{ slug: string }>) {
 
     const notificationChannels = await getOrganizationChannels(organization.id)
 
-    console.log("notificationChannels", notificationChannels);
-
-
     const isMember = activeMember?.role === "member";
     const isOwner = activeMember?.role === "owner";
 

app/(customer)/dashboard/profile/page.tsx

@@ -3,7 +3,6 @@ import {Page, PageContent, PageTitle} from "@/features/layout/page";
 import {notFound} from "next/navigation";
 import {UserForm} from "@/components/wrappers/dashboard/profile/user-form/user-form";
 import {Badge} from "@/components/ui/badge";
-import {ButtonDeleteAccount} from "@/components/wrappers/dashboard/profile/button-delete-account/button-delete-account";
 import {AvatarWithUpload} from "@/components/wrappers/dashboard/profile/avatar/avatar-with-upload";
 import {currentUser} from "@/lib/auth/current-user";
 import {getAccounts, getSessions} from "@/lib/auth/auth";
@@ -26,6 +25,7 @@ export default async function RoutePage(props: PageParams<{}>) {
     const sessions = await getSessions();
     const accounts = await getAccounts();
 
+
     return (
         <Page>
             <div className="justify-between gap-2 sm:flex">
@@ -48,7 +48,8 @@ export default async function RoutePage(props: PageParams<{}>) {
             <PageContent>
                 <UserForm
                     userId={user.id}
-                    sessions={sessions} accounts={accounts}
+                    sessions={sessions}
+                    accounts={accounts}
                     defaultValues={{
                         name: user.name,
                         email: user.email,