feat: add enhanced db settings UI info

[fbrcode]

This pull request improves the application's resilience to database connectivity issues by introducing a safe wrapper for all database operations in the dashboard. The main change is the use of the new safeDbOperation utility, which gracefully handles errors and displays a helpful message to the user if the database is not connected.

Error handling and resiliency improvements:

• Added the safeDbOperation utility in prisma/db.ts to wrap database operations, returning fallback data and a user-friendly error message if the database connection fails or an exception occurs. (prisma/db.ts, prisma/db.tsR11-R40)
• Updated the dashboard logic in app/page.tsx to use safeDbOperation for all ticket-related queries, ensuring that the UI responds gracefully to database errors. (app/page.tsx, [1] [2]
• Implemented a user-facing error message in the dashboard that provides troubleshooting steps when the database is not connected, improving the developer and user experience. (app/page.tsx, app/page.tsxL19-R126)

Code organization:

• Exported isDatabaseAvailable from prisma/db.ts to allow checking for database connectivity before attempting queries. (prisma/db.ts, prisma/db.tsR11-R40)

[vercel]

@fbrcode is attempting to deploy a commit to the fbrcode's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Copilot]

Pull Request Overview

This PR enhances the application's database connectivity resilience by introducing safe wrapper functions for database operations. The changes ensure graceful error handling when the database is unavailable, displaying helpful troubleshooting information to users instead of crashing.

• Added safeDbOperation utility wrapper to handle database failures gracefully
• Updated dashboard to use safe database operations with fallback data
• Implemented user-friendly error UI with troubleshooting steps for database connectivity issues

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File	Description
prisma/db.ts	Added database availability check and safe operation wrapper utility
app/page.tsx	Updated dashboard to use safe database operations and display error UI when database is unavailable

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Pull Request Overview

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Creating a new PrismaClient instance for each availability check is inefficient and could lead to connection pool exhaustion. Consider reusing the existing prisma instance or implementing a connection pooling strategy for health checks.

Suggested change

	// Use a temporary PrismaClient instance for the availability check
	const tempPrisma = new PrismaClient();
	await tempPrisma.$queryRaw`SELECT 1`;
	await tempPrisma.$disconnect();
	// Use the shared PrismaClient instance for the availability check
	await prisma.$queryRaw`SELECT 1`;
	// No need to disconnect the shared PrismaClient instance here
	// (prisma.$disconnect() is handled on app shutdown)

[Copilot]

The typeof window === "undefined" check is unnecessary in a server component. This code will always run on the server side, so the window check can be removed.

Suggested change

	if (typeof window === "undefined") {
	// Log detailed error server-side
	// eslint-disable-next-line no-console
	console.error("Database error:", dbError);
	}
	// Log detailed error server-side
	// eslint-disable-next-line no-console
	console.error("Database error:", dbError);