Added monitoring tab in app overview

src/app/project/app/[tabName]/app-tabs.tsx

@@ -8,6 +8,7 @@ import EnvEdit from "./environment/env-edit";
 import { App } from "@prisma/client";
 import DomainsList from "./domains/domains";
 import StorageList from "./storage/storages";
+import MonitoringList from "./monitoring/monitoring";
 import { AppExtendedModel } from "@/model/app-extended.model";
 import { BuildJobModel } from "@/model/build-job";
 import BuildsTab from "./overview/deployments";
@@ -35,6 +36,7 @@ export default function AppTabs({
                 <TabsTrigger value="environment">Environment</TabsTrigger>
                 <TabsTrigger value="domains">Domains</TabsTrigger>
                 <TabsTrigger value="storage">Storage</TabsTrigger>
+                <TabsTrigger value="monitoring">Monitoring</TabsTrigger>
             </TabsList>
             <TabsContent value="overview" className="grid grid-cols-1 3xl:grid-cols-2 gap-4">
                 <Logs app={app} />
@@ -54,6 +56,9 @@ export default function AppTabs({
             <TabsContent value="storage" className="space-y-4">
                 <StorageList app={app} />
             </TabsContent>
+            <TabsContent value="monitoring" className="space-y-4">
+                <MonitoringList app={app} />
+            </TabsContent>
         </Tabs>
     )
 }

src/app/project/app/[tabName]/monitoring/monitoring.tsx

@@ -0,0 +1,44 @@
+'use client';
+
+import { SubmitButton } from "@/components/custom/submit-button";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "@/components/ui/form";
+import { FormUtils } from "@/lib/form.utilts";
+import { AppSourceInfoInputModel, appSourceInfoInputZodModel } from "@/model/app-source-info.model";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { useFormState } from "react-dom";
+import { ServerActionResult } from "@/model/server-action-error-return.model";
+import { Input } from "@/components/ui/input";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { Label } from "@/components/ui/label";
+import { AppRateLimitsModel, appRateLimitsZodModel } from "@/model/app-rate-limits.model";
+import { App } from "@prisma/client";
+import { useEffect } from "react";
+import { toast } from "sonner";
+import { AppEnvVariablesModel, appEnvVariablesZodModel } from "@/model/env-edit.model";
+import { Textarea } from "@/components/ui/textarea";
+import { AppExtendedModel } from "@/model/app-extended.model";
+import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
+import { CheckIcon, CrossIcon, DeleteIcon, EditIcon, TrashIcon, XIcon } from "lucide-react";
+import DialogEditDialog from "./storage-edit-overlay";
+import { Toast } from "@/lib/toast.utils";
+import { deleteVolume } from "./actions";
+import { getPvcUsage } from "./actions";
+import pvcStatusService from "@/server/services/pvc.status.service";
+
+
+export default function MonitoringList({ app }: {
+    app: AppExtendedModel
+}) {
+    return <>
+        <Card>
+            <CardHeader>
+                <CardTitle>Monitoring</CardTitle>
+                <CardDescription>Hier wird das Monitoring angezeigt</CardDescription>
+            </CardHeader>
+        </Card >
+
+    </>;
+}