"feat: Added debug server and related components for improved development experience"

frontend/src/app/page.tsx

@@ -0,0 +1,71 @@
+import { columns } from "@/app/my/jobs/columns";
+import { JobsTable } from "@/app/my/jobs/data-table";
+import { DynamicPrinterCards } from "@/components/dynamic-printer-cards";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { validateRequest } from "@/server/auth";
+import { db } from "@/server/db";
+import { printJobs } from "@/server/db/schema";
+import { desc, eq } from "drizzle-orm";
+import { BoxesIcon, NewspaperIcon } from "lucide-react";
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+	title: "Dashboard | MYP",
+};
+
+export default async function HomePage() {
+	const { user } = await validateRequest();
+	const userIsLoggedIn = Boolean(user);
+
+	const printers = await db.query.printers.findMany({
+		with: {
+			printJobs: {
+				limit: 1,
+				orderBy: (printJobs, { desc }) => [desc(printJobs.startAt)],
+			},
+		},
+	});
+
+	// biome-ignore lint/suspicious/noExplicitAny: temp. fix for jobs
+	let jobs: any[] = [];
+	if (userIsLoggedIn) {
+		jobs = await db.query.printJobs.findMany({
+			// biome-ignore lint/style/noNonNullAssertion: User exists if userIsLoggedIn is true
+			where: eq(printJobs.userId, user!.id),
+			orderBy: [desc(printJobs.startAt)],
+			with: {
+				printer: true,
+			},
+		});
+	}
+
+	return (
+		<>
+			{/* NEEDS TO BE FIXED FOR A NEW / EMPTY USER {isLoggedIn && <PersonalizedCards />} */}
+			<Card>
+				<CardHeader>
+					<CardTitle className="flex flex-row items-center gap-x-1">
+						<BoxesIcon className="w-5 h-5" />
+						<span className="text-lg">Druckerbelegung</span>
+					</CardTitle>
+				</CardHeader>
+				<CardContent className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
+					<DynamicPrinterCards user={user} />
+				</CardContent>
+			</Card>
+			{userIsLoggedIn && (
+				<Card>
+					<CardHeader>
+						<CardTitle className="flex flex-row items-center gap-x-1">
+							<NewspaperIcon className="w-5 h-5" />
+							<span className="text-lg">Druckaufträge</span>
+						</CardTitle>
+					</CardHeader>
+					<CardContent>
+						<JobsTable columns={columns} data={jobs} />
+					</CardContent>
+				</Card>
+			)}
+		</>
+	);
+}