chore: remove console logs

.gitignore

@@ -1,2 +1 @@
-.env
+.env
-node_modules

.prettierignore

@@ -1,14 +0,0 @@
-node_modules
-dist
-build
-coverage
-.next
-out
-*.log
-
-backend/node_modules
-backend/dist
-
-frontend/node_modules
-frontend/build
-frontend/dist

.prettierrc

@@ -1,13 +0,0 @@
-{
-	"printWidth": 120,
-	"useTabs": true,
-	"tabWidth": 2,
-	"trailingComma": "es5",
-	"semi": true,
-	"singleQuote": true,
-	"bracketSpacing": true,
-	"arrowParens": "always",
-	"jsxSingleQuote": false,
-	"bracketSameLine": false,
-	"endOfLine": "lf"
-}

.vscode/settings.json

@@ -1,4 +0,0 @@
-{
-	"editor.defaultFormatter": "esbenp.prettier-vscode",
-	"editor.formatOnSave": true
-}

CLAUDE.md

@@ -35,7 +35,6 @@ npm run create-user <username> <password> [role]   # role defaults to "admin"
 ```
 
 In Docker, create an admin via:
-
 ```bash
 docker exec -it gg-backend-api-backend-1 node src/utils/createUser.js <name> <password> <role>
 ```
@@ -87,7 +86,6 @@ Note the natural-key relations: `Appointment.doctorId` references `Doctor.doctor
 ## Environment variables
 
 `backend/.env`:
-
 ```
 DATABASE_URL=postgresql://user:password@db:5432/mydb
 PORT=5008
@@ -99,7 +97,6 @@ EMAIL_FROM=admin@example.com
 ```
 
 `frontend/.env`:
-
 ```
 VITE_API_URL=http://localhost:5008/api
 ```

backend/prisma.config.js

@@ -1,14 +1,14 @@
 // This file was generated by Prisma, and assumes you have installed the following:
 // npm install --save-dev prisma dotenv
-import 'dotenv/config';
+import "dotenv/config";
-import { defineConfig } from 'prisma/config';
+import {defineConfig} from "prisma/config";
 
 export default defineConfig({
-	schema: 'prisma/schema.prisma',
+	schema: "prisma/schema.prisma",
 	migrations: {
-		path: 'prisma/migrations',
+		path: "prisma/migrations",
 	},
 	datasource: {
-		url: process.env['DATABASE_URL'],
+		url: process.env["DATABASE_URL"],
 	},
 });

backend/prisma/migrations/20260525122431_health_check_seo/migration.sql

@@ -1,14 +0,0 @@
-/*
-  Warnings:
-
-  - A unique constraint covering the columns `[seoId]` on the table `HealthPackage` will be added. If there are existing duplicate values, this will fail.
-
-*/
--- AlterTable
-ALTER TABLE "HealthPackage" ADD COLUMN     "seoId" INTEGER;
-
--- CreateIndex
-CREATE UNIQUE INDEX "HealthPackage_seoId_key" ON "HealthPackage"("seoId");
-
--- AddForeignKey
-ALTER TABLE "HealthPackage" ADD CONSTRAINT "HealthPackage_seoId_fkey" FOREIGN KEY ("seoId") REFERENCES "Seo"("id") ON DELETE SET NULL ON UPDATE CASCADE;

backend/prisma/schema.prisma

@@ -259,9 +259,6 @@ model HealthPackage {
   
   inquiries    HealthPackageInquiry[]
 
-  seoId            Int?                @unique
-  seo              Seo?                @relation(fields: [seoId], references: [id])
-
   createdAt    DateTime            @default(now())
   updatedAt    DateTime            @updatedAt
 }
@@ -297,9 +294,7 @@ model DoctorSpecialization {
 
 model Seo {
   id                Int      @id @default(autoincrement())
-  doctor            Doctor?
+  doctor              Doctor?
-  healthPackage     HealthPackage?
-
 
   seoTitle          String?
   metaDescription   String?   @db.Text

backend/src/app.js

@@ -1,62 +1,62 @@
-import express from 'express';
+import express from "express";
-import dotenv from 'dotenv';
+import dotenv from "dotenv";
-import cors from 'cors';
+import cors from "cors";
 
-import departmentRoutes from './routes/department.routes.js';
+import departmentRoutes from "./routes/department.routes.js";
-import authRoutes from './routes/auth.routes.js';
+import authRoutes from "./routes/auth.routes.js";
-import blogRoutes from './routes/blog.routes.js';
+import blogRoutes from "./routes/blog.routes.js";
-import uploadRoutes from './routes/upload.routes.js';
+import uploadRoutes from "./routes/upload.routes.js";
-import doctorRoutes from './routes/doctor.routes.js';
+import doctorRoutes from "./routes/doctor.routes.js";
-import careerRoutes from './routes/career.routes.js';
+import careerRoutes from "./routes/career.routes.js";
-import candidateRoutes from './routes/candidate.routes.js';
+import candidateRoutes from "./routes/candidate.routes.js";
-import appointmentRoutes from './routes/appointment.routes.js';
+import appointmentRoutes from "./routes/appointment.routes.js";
-import inquiryRoutes from './routes/inquiry.routes.js';
+import inquiryRoutes from "./routes/inquiry.routes.js";
-import academicsResearchRoutes from './routes/academicsResearch.routes.js';
+import academicsResearchRoutes from "./routes/academicsResearch.routes.js";
-import emailConfigRoutes from './routes/emailConfig.routes.js';
+import emailConfigRoutes from "./routes/emailConfig.routes.js";
-import newsMediaRoutes from './routes/newsMedia.routes.js';
+import newsMediaRoutes from "./routes/newsMedia.routes.js";
-import importRoutes from './routes/importRoutes.js';
+import importRoutes from "./routes/importRoutes.js";
-import healthCheckRoutes from './routes/healthCheck.route.js';
+import healthCheckRoutes from "./routes/healthCheck.route.js";
 
 dotenv.config();
 
 const app = express();
 
-app.use(express.json({ limit: '50mb' }));
+app.use(express.json({ limit: "50mb" }));
-app.use(express.urlencoded({ limit: '50mb', extended: true }));
+app.use(express.urlencoded({ limit: "50mb", extended: true }));
 
 const allowedOrigins = process.env.CORS_ALLOWED_ORIGINS
-	? process.env.CORS_ALLOWED_ORIGINS.split(' ')
+	? process.env.CORS_ALLOWED_ORIGINS.split(" ")
-	: ['http://localhost:3001'];
+	: ["http://localhost:3001"];
 
 const corsOptions = {
 	origin: function (origin, callback) {
 		if (!origin || allowedOrigins.includes(origin)) {
 			callback(null, true);
 		} else {
-			callback(new Error('Not allowed by CORS'));
+			callback(new Error("Not allowed by CORS"));
 		}
 	},
-	methods: ['GET', 'POST', 'PUT', 'DELETE', 'PATCH'],
+	methods: ["GET", "POST", "PUT", "DELETE", "PATCH"],
-	allowedHeaders: '*',
+	allowedHeaders: "*",
 };
 
 app.use(cors(corsOptions));
 
-app.use('/api/departments', departmentRoutes);
+app.use("/api/departments", departmentRoutes);
-app.use('/api/auth', authRoutes);
+app.use("/api/auth", authRoutes);
-app.use('/api/blogs', blogRoutes);
+app.use("/api/blogs", blogRoutes);
-app.use('/uploads', express.static('uploads'));
+app.use("/uploads", express.static("uploads"));
-app.use('/api/upload', uploadRoutes);
+app.use("/api/upload", uploadRoutes);
-app.use('/api/doctors', doctorRoutes);
+app.use("/api/doctors", doctorRoutes);
-app.use('/api/careers', careerRoutes);
+app.use("/api/careers", careerRoutes);
-app.use('/api/candidates', candidateRoutes);
+app.use("/api/candidates", candidateRoutes);
-app.use('/api/appointments', appointmentRoutes);
+app.use("/api/appointments", appointmentRoutes);
-app.use('/api/inquiry', inquiryRoutes);
+app.use("/api/inquiry", inquiryRoutes);
-app.use('/api/academics', academicsResearchRoutes);
+app.use("/api/academics", academicsResearchRoutes);
-app.use('/api/email', emailConfigRoutes);
+app.use("/api/email", emailConfigRoutes);
-app.use('/api/newsMedia', newsMediaRoutes);
+app.use("/api/newsMedia", newsMediaRoutes);
-app.use('/api/import', importRoutes);
+app.use("/api/import", importRoutes);
-app.use('/api/health-check', healthCheckRoutes);
+app.use("/api/health-check", healthCheckRoutes);
 
 const PORT = process.env.PORT || 5008;
 app.listen(PORT, () => {

backend/src/controllers/academicsResearch.controller.js

@@ -1,17 +1,18 @@
-import prisma from '../prisma/client.js';
+import prisma from "../prisma/client.js";
-import { sendEmail } from '../utils/sendEmail.js';
+import { sendEmail } from "../utils/sendEmail.js";
-import { getEmailsByType } from '../utils/getEmailByTypes.js';
+import { getEmailsByType } from "../utils/getEmailByTypes.js";
 
 // CREATE ACADEMICS & RESEARCH
 
 export const createAcademicsResearch = async (req, res) => {
 	try {
-		const { fullName, number, emailId, subject, courseName, message } = req.body;
+		const { fullName, number, emailId, subject, courseName, message } =
+			req.body;
 
 		if (!fullName || !number) {
 			return res.status(400).json({
 				success: false,
-				message: 'Full name and number are required',
+				message: "Full name and number are required",
 			});
 		}
 
@@ -27,12 +28,12 @@ export const createAcademicsResearch = async (req, res) => {
 		});
 
 		try {
-			const emailList = await getEmailsByType('ACADEMICS');
+			const emailList = await getEmailsByType("ACADEMICS");
 
 			if (emailList && emailList.length > 0) {
 				await sendEmail({
 					to: emailList,
-					subject: 'New Academics & Research Inquiry',
+					subject: "New Academics & Research Inquiry",
 					html: `
 		<div style="font-family: Arial, sans-serif; background-color: #f4f6f8; padding: 20px;">
 		  
@@ -62,15 +63,15 @@ export const createAcademicsResearch = async (req, res) => {
 		        </tr>
 		        <tr>
 		          <td style="padding: 8px 0;"><b>Email:</b></td>
-		          <td style="padding: 8px 0;">${emailId || '-'}</td>
+		          <td style="padding: 8px 0;">${emailId || "-"}</td>
 		        </tr>
 		        <tr>
 		          <td style="padding: 8px 0;"><b>Course:</b></td>
-		          <td style="padding: 8px 0;">${courseName || '-'}</td>
+		          <td style="padding: 8px 0;">${courseName || "-"}</td>
 		        </tr>
 		        <tr>
 		          <td style="padding: 8px 0;"><b>Subject:</b></td>
-		          <td style="padding: 8px 0;">${subject || '-'}</td>
+		          <td style="padding: 8px 0;">${subject || "-"}</td>
 		        </tr>
 		      </table>
 
@@ -86,7 +87,7 @@ export const createAcademicsResearch = async (req, res) => {
 					word-break: break-word;
 					overflow-wrap: anywhere;
 				">
-					${message ? message.replace(/\n/g, '<br/>') : '-'}
+					${message ? message.replace(/\n/g, "<br/>") : "-"}
 				</div>
 				</div>
 
@@ -104,20 +105,20 @@ export const createAcademicsResearch = async (req, res) => {
 				});
 			}
 		} catch (err) {
-			console.error('Academics email failed:', err);
+			console.error("Academics email failed:", err);
 		}
 
 		res.status(200).json({
 			success: true,
 			status: 200,
 			data,
-			message: 'Academics & Research added successfully',
+			message: "Academics & Research added successfully",
 		});
 	} catch (error) {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to add Academics & Research inquiry',
+			message: "Failed to add Academics & Research inquiry",
 		});
 	}
 };
@@ -128,7 +129,7 @@ export const getAcademicsResearch = async (req, res) => {
 	try {
 		const data = await prisma.academicsResearch.findMany({
 			orderBy: {
-				createdAt: 'desc',
+				createdAt: "desc",
 			},
 		});
 
@@ -139,7 +140,7 @@ export const getAcademicsResearch = async (req, res) => {
 	} catch (error) {
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch records',
+			message: "Failed to fetch records",
 		});
 	}
 };
@@ -159,7 +160,7 @@ export const getSingleAcademicsResearch = async (req, res) => {
 		if (!data) {
 			return res.status(404).json({
 				success: false,
-				message: 'Record not found',
+				message: "Record not found",
 			});
 		}
 
@@ -170,7 +171,7 @@ export const getSingleAcademicsResearch = async (req, res) => {
 	} catch (error) {
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch record',
+			message: "Failed to fetch record",
 		});
 	}
 };
@@ -189,12 +190,12 @@ export const deleteAcademicsResearch = async (req, res) => {
 
 		res.json({
 			success: true,
-			message: 'Record deleted successfully',
+			message: "Record deleted successfully",
 		});
 	} catch (error) {
 		res.status(500).json({
 			success: false,
-			message: 'Failed to delete record',
+			message: "Failed to delete record",
 		});
 	}
 };

backend/src/controllers/appointment.controller.js

@@ -1,15 +1,16 @@
-import prisma from '../prisma/client.js';
+import prisma from "../prisma/client.js";
-import { sendEmail } from '../utils/sendEmail.js';
+import { sendEmail } from "../utils/sendEmail.js";
-import { getEmailsByType } from '../utils/getEmailByTypes.js';
+import { getEmailsByType } from "../utils/getEmailByTypes.js";
 
 export const createAppointment = async (req, res) => {
 	try {
-		const { name, mobileNumber, email, message, date, doctorId, departmentId } = req.body;
+		const { name, mobileNumber, email, message, date, doctorId, departmentId } =
+			req.body;
 
 		if (!name || !mobileNumber || !doctorId || !departmentId || !date) {
 			return res.status(400).json({
 				success: false,
-				message: 'Required fields missing',
+				message: "Required fields missing",
 			});
 		}
 
@@ -30,12 +31,12 @@ export const createAppointment = async (req, res) => {
 		});
 
 		try {
-			const emailList = await getEmailsByType('APPOINTMENT');
+			const emailList = await getEmailsByType("APPOINTMENT");
 
 			if (emailList) {
 				await sendEmail({
 					to: emailList,
-					subject: 'New Appointment Booked',
+					subject: "New Appointment Booked",
 					html: `
 		<div style="font-family: Arial, sans-serif; background-color: #f4f6f8; padding: 20px;">
 		  
@@ -65,7 +66,7 @@ export const createAppointment = async (req, res) => {
 		        </tr>
 		        <tr>
 		          <td style="padding: 8px 0;"><b>Email:</b></td>
-		          <td style="padding: 8px 0;">${email || '-'}</td>
+		          <td style="padding: 8px 0;">${email || "-"}</td>
 		        </tr>
 		      </table>
 
@@ -74,19 +75,19 @@ export const createAppointment = async (req, res) => {
 		      <table style="width: 100%; border-collapse: collapse;">
 		        <tr>
 		          <td style="padding: 8px 0;"><b>Doctor:</b></td>
-		          <td style="padding: 8px 0;">${appointment.doctor?.name || '-'}</td>
+		          <td style="padding: 8px 0;">${appointment.doctor?.name || "-"}</td>
 		        </tr>
 		        <tr>
 		          <td style="padding: 8px 0;"><b>Department:</b></td>
-		          <td style="padding: 8px 0;">${appointment.department?.name || '-'}</td>
+		          <td style="padding: 8px 0;">${appointment.department?.name || "-"}</td>
 		        </tr>
 		        <tr>
 		          <td style="padding: 8px 0;"><b>Date:</b></td>
 		          <td style="padding: 8px 0;">
-					${new Date(date).toLocaleDateString('en-GB', {
+					${new Date(date).toLocaleDateString("en-GB", {
-						day: '2-digit',
+						day: "2-digit",
-						month: 'long',
+						month: "long",
-						year: 'numeric',
+						year: "numeric",
 					})}
 					</td>
 		        </tr>
@@ -104,7 +105,7 @@ export const createAppointment = async (req, res) => {
 					word-break: break-word;
 					overflow-wrap: anywhere;
 				">
-					${message ? message.replace(/\n/g, '<br/>') : '-'}
+					${message ? message.replace(/\n/g, "<br/>") : "-"}
 				</div>
 		      </div>
 
@@ -122,19 +123,19 @@ export const createAppointment = async (req, res) => {
 				});
 			}
 		} catch (err) {
-			console.error('Email failed:', err);
+			console.error("Email failed:", err);
 		}
 
 		res.status(201).json({
 			success: true,
-			message: 'Appointment booked successfully',
+			message: "Appointment booked successfully",
 			data: appointment,
 		});
 	} catch (error) {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to create appointment',
+			message: "Failed to create appointment",
 		});
 	}
 };
@@ -151,9 +152,11 @@ export const getAppointments = async (req, res) => {
 
 		const where = {};
 
-		const hasSingleDate = date && date.trim() !== '';
+		const hasSingleDate = date && date.trim() !== "";
 
-		const hasRange = (startDate && startDate.trim() !== '') || (endDate && endDate.trim() !== '');
+		const hasRange =
+			(startDate && startDate.trim() !== "") ||
+			(endDate && endDate.trim() !== "");
 
 		if (hasSingleDate) {
 			const start = new Date(date);
@@ -171,14 +174,14 @@ export const getAppointments = async (req, res) => {
 		if (!hasSingleDate && hasRange) {
 			const dateFilter = {};
 
-			if (startDate && startDate.trim() !== '') {
+			if (startDate && startDate.trim() !== "") {
 				const start = new Date(startDate);
 				start.setHours(0, 0, 0, 0);
 
 				dateFilter.gte = start;
 			}
 
-			if (endDate && endDate.trim() !== '') {
+			if (endDate && endDate.trim() !== "") {
 				const end = new Date(endDate);
 				end.setHours(23, 59, 59, 999);
 
@@ -188,11 +191,11 @@ export const getAppointments = async (req, res) => {
 			where.date = dateFilter;
 		}
 
-		if (search && search.trim() !== '') {
+		if (search && search.trim() !== "") {
 			where.OR = [
-				{ name: { contains: search, mode: 'insensitive' } },
+				{ name: { contains: search, mode: "insensitive" } },
 				{ mobileNumber: { contains: search } },
-				{ email: { contains: search, mode: 'insensitive' } },
+				{ email: { contains: search, mode: "insensitive" } },
 			];
 		}
 
@@ -204,7 +207,7 @@ export const getAppointments = async (req, res) => {
 					department: true,
 				},
 				orderBy: {
-					createdAt: 'desc',
+					createdAt: "desc",
 				},
 				skip,
 				take: limit,
@@ -230,7 +233,7 @@ export const getAppointments = async (req, res) => {
 
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch appointments',
+			message: "Failed to fetch appointments",
 		});
 	}
 };
@@ -254,7 +257,7 @@ export const getAppointment = async (req, res) => {
 		if (!appointment) {
 			return res.status(404).json({
 				success: false,
-				message: 'Appointment not found',
+				message: "Appointment not found",
 			});
 		}
 
@@ -266,7 +269,7 @@ export const getAppointment = async (req, res) => {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch appointment',
+			message: "Failed to fetch appointment",
 		});
 	}
 };
@@ -286,7 +289,7 @@ export const getAppointmentsByDoctor = async (req, res) => {
 				department: true,
 			},
 			orderBy: {
-				date: 'asc',
+				date: "asc",
 			},
 		});
 
@@ -298,7 +301,7 @@ export const getAppointmentsByDoctor = async (req, res) => {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch doctor appointments',
+			message: "Failed to fetch doctor appointments",
 		});
 	}
 };
@@ -327,7 +330,7 @@ export const getAppointmentsByDepartment = async (req, res) => {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch department appointments',
+			message: "Failed to fetch department appointments",
 		});
 	}
 };
@@ -351,14 +354,14 @@ export const updateAppointment = async (req, res) => {
 
 		res.status(200).json({
 			success: true,
-			message: 'Appointment updated successfully',
+			message: "Appointment updated successfully",
 			data: appointment,
 		});
 	} catch (error) {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to update appointment',
+			message: "Failed to update appointment",
 		});
 	}
 };
@@ -377,13 +380,13 @@ export const deleteAppointment = async (req, res) => {
 
 		res.status(200).json({
 			success: true,
-			message: 'Appointment deleted successfully',
+			message: "Appointment deleted successfully",
 		});
 	} catch (error) {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to delete appointment',
+			message: "Failed to delete appointment",
 		});
 	}
 };

backend/src/controllers/auth.controller.js

@@ -1,24 +1,24 @@
-import prisma from '../prisma/client.js';
+import prisma from "../prisma/client.js";
-import { generateToken } from '../utils/jwt.js';
+import {generateToken} from "../utils/jwt.js";
-import { hashPassword, comparePassword } from '../utils/password.js';
+import {hashPassword, comparePassword} from "../utils/password.js";
 
 /**
  * REGISTER
  * POST /api/auth/register
  */
 export async function register(req, res) {
-	const { username, password, role } = req.body;
+	const {username, password, role} = req.body;
 
 	if (!username || !password) {
-		return res.status(400).json({ error: 'Username and password required' });
+		return res.status(400).json({error: "Username and password required"});
 	}
 
 	const existingUser = await prisma.user.findUnique({
-		where: { username },
+		where: {username},
 	});
 
 	if (existingUser) {
-		return res.status(409).json({ error: 'Username already exists' });
+		return res.status(409).json({error: "Username already exists"});
 	}
 
 	const hashedPassword = await hashPassword(password);
@@ -27,12 +27,12 @@ export async function register(req, res) {
 		data: {
 			username,
 			password: hashedPassword,
-			role: role || 'admin',
+			role: role || "admin",
 		},
 	});
 
 	res.status(201).json({
-		message: 'User registered successfully',
+		message: "User registered successfully",
 		user: {
 			id: user.id,
 			username: user.username,
@@ -46,24 +46,24 @@ export async function register(req, res) {
  * POST /api/auth/login
  */
 export async function login(req, res) {
-	const { username, password } = req.body;
+	const {username, password} = req.body;
 
 	if (!username || !password) {
-		return res.status(400).json({ error: 'Username and password required' });
+		return res.status(400).json({error: "Username and password required"});
 	}
 
 	const user = await prisma.user.findUnique({
-		where: { username },
+		where: {username},
 	});
 
 	if (!user) {
-		return res.status(401).json({ error: 'Invalid credentials' });
+		return res.status(401).json({error: "Invalid credentials"});
 	}
 
 	const isValid = await comparePassword(password, user.password);
 
 	if (!isValid) {
-		return res.status(401).json({ error: 'Invalid credentials' });
+		return res.status(401).json({error: "Invalid credentials"});
 	}
 
 	const token = generateToken({
@@ -72,5 +72,5 @@ export async function login(req, res) {
 		role: user.role,
 	});
 
-	res.json({ token });
+	res.json({token});
 }

backend/src/controllers/blog.controller.js

@@ -1,10 +1,10 @@
-import prisma from '../prisma/client.js';
+import prisma from "../prisma/client.js";
-import slugify from 'slugify';
+import slugify from "slugify";
 
 /* CREATE BLOG */
 
 export async function createBlog(req, res) {
-	const { title, writer, image, content, isActive } = req.body;
+	const {title, writer, image, content, isActive} = req.body;
 
 	try {
 		const blog = await prisma.blog.create({
@@ -20,7 +20,7 @@ export async function createBlog(req, res) {
 
 		res.json(blog);
 	} catch (error) {
-		res.status(500).json({ error: 'Blog creation failed' });
+		res.status(500).json({error: "Blog creation failed"});
 	}
 }
 
@@ -29,13 +29,13 @@ export async function createBlog(req, res) {
 export async function getBlogs(req, res) {
 	try {
 		const blogs = await prisma.blog.findMany({
-			where: { isActive: true },
+			where: {isActive: true},
-			orderBy: { createdAt: 'desc' },
+			orderBy: {createdAt: "desc"},
 		});
 
 		res.json(blogs);
 	} catch (error) {
-		res.status(500).json({ error: error.message });
+		res.status(500).json({error: error.message});
 	}
 }
 
@@ -44,12 +44,12 @@ export async function getBlogs(req, res) {
 export async function getAllBlogs(req, res) {
 	try {
 		const blogs = await prisma.blog.findMany({
-			orderBy: { createdAt: 'desc' },
+			orderBy: {createdAt: "desc"},
 		});
 
 		res.json(blogs);
 	} catch (error) {
-		res.status(500).json({ error: error.message });
+		res.status(500).json({error: error.message});
 	}
 }
 
@@ -60,16 +60,16 @@ export async function getBlog(req, res) {
 		const slug = req.params.slug;
 
 		const blog = await prisma.blog.findUnique({
-			where: { slug },
+			where: {slug},
 		});
 
 		if (!blog) {
-			return res.status(404).json({ error: 'Blog not found' });
+			return res.status(404).json({error: "Blog not found"});
 		}
 
 		res.json(blog);
 	} catch (error) {
-		res.status(500).json({ error: error.message });
+		res.status(500).json({error: error.message});
 	}
 }
 
@@ -80,16 +80,16 @@ export async function getBlogForAdmin(req, res) {
 		const id = Number(req.params.id);
 
 		const blog = await prisma.blog.findUnique({
-			where: { id },
+			where: {id},
 		});
 
 		if (!blog) {
-			return res.status(404).json({ error: 'Blog not found' });
+			return res.status(404).json({error: "Blog not found"});
 		}
 
 		res.json(blog);
 	} catch (error) {
-		res.status(500).json({ error: error.message });
+		res.status(500).json({error: error.message});
 	}
 }
 
@@ -97,10 +97,10 @@ export async function getBlogForAdmin(req, res) {
 
 export async function updateBlog(req, res) {
 	try {
-		const { title, writer, image, content } = req.body;
+		const {title, writer, image, content} = req.body;
 
 		const blog = await prisma.blog.update({
-			where: { id: Number(req.params.id) },
+			where: {id: Number(req.params.id)},
 			data: {
 				title,
 				writer,
@@ -111,7 +111,7 @@ export async function updateBlog(req, res) {
 
 		res.json(blog);
 	} catch (error) {
-		res.status(500).json({ error: error.message });
+		res.status(500).json({error: error.message});
 	}
 }
 
@@ -122,11 +122,11 @@ export async function deleteBlog(req, res) {
 		const id = Number(req.params.id);
 
 		await prisma.blog.delete({
-			where: { id },
+			where: {id},
 		});
 
-		res.json({ message: 'Blog deleted successfully' });
+		res.json({message: "Blog deleted successfully"});
 	} catch (error) {
-		res.status(500).json({ error: error.message });
+		res.status(500).json({error: error.message});
 	}
 }

backend/src/controllers/candidate.controller.js

@@ -1,18 +1,19 @@
-import prisma from '../prisma/client.js';
+import prisma from "../prisma/client.js";
 
-import { sendEmail } from '../utils/sendEmail.js';
+import { sendEmail } from "../utils/sendEmail.js";
-import { getEmailsByType } from '../utils/getEmailByTypes.js';
+import { getEmailsByType } from "../utils/getEmailByTypes.js";
 
 // CREATE CANDIDATE
 
 export const createCandidate = async (req, res) => {
 	try {
-		const { fullName, mobile, email, subject, coverLetter, careerId } = req.body;
+		const { fullName, mobile, email, subject, coverLetter, careerId } =
+			req.body;
 
 		if (!fullName || !mobile || !email || !careerId) {
 			return res.status(400).json({
 				success: false,
-				message: 'Required fields missing',
+				message: "Required fields missing",
 			});
 		}
 
@@ -31,12 +32,12 @@ export const createCandidate = async (req, res) => {
 		});
 
 		try {
-			const emailList = await getEmailsByType('CANDIDATE');
+			const emailList = await getEmailsByType("CANDIDATE");
 
 			if (emailList && emailList.length > 0) {
 				await sendEmail({
 					to: emailList,
-					subject: 'New Job Application Received',
+					subject: "New Job Application Received",
 					html: `
 		<div style="font-family: Arial, sans-serif; background-color: #f4f6f8; padding: 20px;">
 		  
@@ -75,15 +76,15 @@ export const createCandidate = async (req, res) => {
 		      <table style="width: 100%; border-collapse: collapse;">
 		        <tr>
 		          <td style="padding: 8px 0;"><b>Applied For:</b></td>
-		          <td style="padding: 8px 0;">${candidate.career?.post || '-'}</td>
+		          <td style="padding: 8px 0;">${candidate.career?.post || "-"}</td>
 		        </tr>
 		        <tr>
 		          <td style="padding: 8px 0;"><b>Designation:</b></td>
-		          <td style="padding: 8px 0;">${candidate.career?.designation || '-'}</td>
+		          <td style="padding: 8px 0;">${candidate.career?.designation || "-"}</td>
 		        </tr>
 		        <tr>
 		          <td style="padding: 8px 0;"><b>Subject:</b></td>
-		          <td style="padding: 8px 0;">${subject || '-'}</td>
+		          <td style="padding: 8px 0;">${subject || "-"}</td>
 		        </tr>
 		      </table>
 
@@ -99,7 +100,7 @@ export const createCandidate = async (req, res) => {
 					word-break: break-word;
 					overflow-wrap: anywhere;
 				">
-					${coverLetter ? coverLetter.replace(/\n/g, '<br/>') : '-'}
+					${coverLetter ? coverLetter.replace(/\n/g, "<br/>") : "-"}
 				</div>
 		      </div>
 
@@ -117,19 +118,19 @@ export const createCandidate = async (req, res) => {
 				});
 			}
 		} catch (err) {
-			console.error('Candidate email failed:', err);
+			console.error("Candidate email failed:", err);
 		}
 
 		res.status(201).json({
 			success: true,
-			message: 'Application submitted successfully',
+			message: "Application submitted successfully",
 			data: candidate,
 		});
 	} catch (error) {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to create candidate',
+			message: "Failed to create candidate",
 		});
 	}
 };
@@ -143,7 +144,7 @@ export const getCandidates = async (req, res) => {
 				career: true,
 			},
 			orderBy: {
-				createdAt: 'desc',
+				createdAt: "desc",
 			},
 		});
 
@@ -155,7 +156,7 @@ export const getCandidates = async (req, res) => {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch candidates',
+			message: "Failed to fetch candidates",
 		});
 	}
 };
@@ -178,7 +179,7 @@ export const getCandidate = async (req, res) => {
 		if (!candidate) {
 			return res.status(404).json({
 				success: false,
-				message: 'Candidate not found',
+				message: "Candidate not found",
 			});
 		}
 
@@ -190,7 +191,7 @@ export const getCandidate = async (req, res) => {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch candidate',
+			message: "Failed to fetch candidate",
 		});
 	}
 };
@@ -209,7 +210,7 @@ export const getCandidatesByCareer = async (req, res) => {
 				career: true,
 			},
 			orderBy: {
-				createdAt: 'desc',
+				createdAt: "desc",
 			},
 		});
 
@@ -221,7 +222,7 @@ export const getCandidatesByCareer = async (req, res) => {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch candidates',
+			message: "Failed to fetch candidates",
 		});
 	}
 };
@@ -241,14 +242,14 @@ export const updateCandidate = async (req, res) => {
 
 		res.status(200).json({
 			success: true,
-			message: 'Candidate updated successfully',
+			message: "Candidate updated successfully",
 			data: candidate,
 		});
 	} catch (error) {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to update candidate',
+			message: "Failed to update candidate",
 		});
 	}
 };
@@ -267,13 +268,13 @@ export const deleteCandidate = async (req, res) => {
 
 		res.status(200).json({
 			success: true,
-			message: 'Candidate deleted successfully',
+			message: "Candidate deleted successfully",
 		});
 	} catch (error) {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to delete candidate',
+			message: "Failed to delete candidate",
 		});
 	}
 };

backend/src/controllers/career.controller.js

@@ -1,4 +1,4 @@
-import prisma from '../prisma/client.js';
+import prisma from "../prisma/client.js";
 
 // GET ALL CAREERS
 
@@ -7,8 +7,8 @@ export const getAllCareers = async (req, res) => {
 		const { admin } = req.query;
 
 		const careers = await prisma.career.findMany({
-			where: admin === 'true' ? {} : { isActive: true },
+			where: admin === "true" ? {} : { isActive: true },
-			orderBy: [{ sortOrder: 'asc' }, { createdAt: 'desc' }],
+			orderBy: [{ sortOrder: "asc" }, { createdAt: "desc" }],
 		});
 
 		const response = careers.map((c) => ({
@@ -32,7 +32,7 @@ export const getAllCareers = async (req, res) => {
 		console.error(error);
 		return res.status(500).json({
 			success: false,
-			message: 'Failed to fetch careers',
+			message: "Failed to fetch careers",
 		});
 	}
 };
@@ -41,12 +41,22 @@ export const getAllCareers = async (req, res) => {
 
 export const createCareer = async (req, res) => {
 	try {
-		const { post, designation, qualification, experienceNeed, email, number, status, isActive, sortOrder } = req.body;
+		const {
+			post,
+			designation,
+			qualification,
+			experienceNeed,
+			email,
+			number,
+			status,
+			isActive,
+			sortOrder,
+		} = req.body;
 
 		if (!post || !designation) {
 			return res.status(400).json({
 				success: false,
-				message: 'Post and designation are required',
+				message: "Post and designation are required",
 			});
 		}
 
@@ -66,14 +76,14 @@ export const createCareer = async (req, res) => {
 
 		return res.status(201).json({
 			success: true,
-			message: 'Career created successfully',
+			message: "Career created successfully",
 			data: career,
 		});
 	} catch (error) {
 		console.error(error);
 		return res.status(500).json({
 			success: false,
-			message: 'Failed to create career',
+			message: "Failed to create career",
 		});
 	}
 };
@@ -96,14 +106,14 @@ export const updateCareer = async (req, res) => {
 
 		return res.status(200).json({
 			success: true,
-			message: 'Career updated successfully',
+			message: "Career updated successfully",
 			data: career,
 		});
 	} catch (error) {
 		console.error(error);
 		return res.status(500).json({
 			success: false,
-			message: 'Failed to update career',
+			message: "Failed to update career",
 		});
 	}
 };
@@ -120,13 +130,13 @@ export const deleteCareer = async (req, res) => {
 
 		return res.status(200).json({
 			success: true,
-			message: 'Career deleted successfully',
+			message: "Career deleted successfully",
 		});
 	} catch (error) {
 		console.error(error);
 		return res.status(500).json({
 			success: false,
-			message: 'Failed to delete career',
+			message: "Failed to delete career",
 		});
 	}
 };

backend/src/controllers/department.controller.js

@@ -1,23 +1,23 @@
-import prisma from '../prisma/client.js';
+import prisma from "../prisma/client.js";
 
 export const getAllDepartments = async (req, res) => {
 	try {
-		const { admin } = req.query;
+		const {admin} = req.query;
 
 		const departments = await prisma.department.findMany({
-			where: admin === 'true' ? {} : { isActive: true },
+			where: admin === "true" ? {} : {isActive: true},
-			orderBy: [{ sortOrder: 'asc' }, { name: 'asc' }],
+			orderBy: [{sortOrder: "asc"}, {name: "asc"}],
 		});
 
 		const response = departments.map((dep) => ({
 			departmentId: dep.departmentId,
 			name: dep.name,
-			image: dep.image ?? '',
+			image: dep.image ?? "",
-			para1: dep.para1 ?? '',
+			para1: dep.para1 ?? "",
-			para2: dep.para2 ?? '',
+			para2: dep.para2 ?? "",
-			para3: dep.para3 ?? '',
+			para3: dep.para3 ?? "",
-			facilities: dep.facilities ?? '',
+			facilities: dep.facilities ?? "",
-			services: dep.services ?? '',
+			services: dep.services ?? "",
 			isActive: dep.isActive,
 			sortOrder: dep.sortOrder,
 		}));
@@ -30,19 +30,19 @@ export const getAllDepartments = async (req, res) => {
 		console.error(error);
 		return res.status(500).json({
 			success: false,
-			message: 'Failed to fetch departments',
+			message: "Failed to fetch departments",
 		});
 	}
 };
 
 export const getDepartmentByName = async (req, res) => {
 	try {
-		const { name } = req.query;
+		const {name} = req.query;
 
 		if (!name) {
 			return res.status(400).json({
 				success: false,
-				message: 'Department name is required',
+				message: "Department name is required",
 			});
 		}
 
@@ -56,19 +56,19 @@ export const getDepartmentByName = async (req, res) => {
 		if (!department) {
 			return res.status(404).json({
 				success: false,
-				message: 'Department not found or inactive',
+				message: "Department not found or inactive",
 			});
 		}
 
 		const response = {
 			departmentId: department.departmentId,
 			name: department.name,
-			image: department.image ?? '',
+			image: department.image ?? "",
-			para1: department.para1 ?? '',
+			para1: department.para1 ?? "",
-			para2: department.para2 ?? '',
+			para2: department.para2 ?? "",
-			para3: department.para3 ?? '',
+			para3: department.para3 ?? "",
-			facilities: department.facilities ?? '',
+			facilities: department.facilities ?? "",
-			services: department.services ?? '',
+			services: department.services ?? "",
 			isActive: department.isActive,
 			sortOrder: department.sortOrder,
 		};
@@ -81,17 +81,30 @@ export const getDepartmentByName = async (req, res) => {
 		console.error(error);
 		return res.status(500).json({
 			success: false,
-			message: 'Failed to fetch department',
+			message: "Failed to fetch department",
 		});
 	}
 };
 
 export async function createDepartment(req, res) {
 	try {
-		const { departmentId, name, image, para1, para2, para3, facilities, services, isActive, sortOrder } = req.body;
+		const {
+			departmentId,
+			name,
+			image,
+			para1,
+			para2,
+			para3,
+			facilities,
+			services,
+			isActive,
+			sortOrder,
+		} = req.body;
 
 		if (!departmentId || !name) {
-			return res.status(400).json({ error: 'departmentId and name are required' });
+			return res
+				.status(400)
+				.json({error: "departmentId and name are required"});
 		}
 
 		const department = await prisma.department.create({
@@ -110,63 +123,63 @@ export async function createDepartment(req, res) {
 		});
 
 		res.status(201).json({
-			message: 'Department created successfully',
+			message: "Department created successfully",
 			data: department,
 		});
 	} catch (error) {
-		if (error.code === 'P2002') {
+		if (error.code === "P2002") {
-			return res.status(409).json({ error: 'Department already exists' });
+			return res.status(409).json({error: "Department already exists"});
 		}
 		console.error(error);
-		res.status(500).json({ error: 'Failed to create department' });
+		res.status(500).json({error: "Failed to create department"});
 	}
 }
 
 export const updateDepartment = async (req, res) => {
 	try {
-		const { departmentId } = req.params;
+		const {departmentId} = req.params;
-		const updateData = { ...req.body };
+		const updateData = {...req.body};
 
 		if (updateData.sortOrder !== undefined) {
 			updateData.sortOrder = Number(updateData.sortOrder);
 		}
 
 		const department = await prisma.department.update({
-			where: { departmentId },
+			where: {departmentId},
 			data: updateData,
 		});
 
 		return res.status(200).json({
 			success: true,
-			message: 'Department updated successfully',
+			message: "Department updated successfully",
 			data: department,
 		});
 	} catch (error) {
 		console.error(error);
 		return res.status(500).json({
 			success: false,
-			message: 'Failed to update department',
+			message: "Failed to update department",
 		});
 	}
 };
 
 export const deleteDepartment = async (req, res) => {
 	try {
-		const { departmentId } = req.params;
+		const {departmentId} = req.params;
 
 		await prisma.department.delete({
-			where: { departmentId },
+			where: {departmentId},
 		});
 
 		return res.status(200).json({
 			success: true,
-			message: 'Department deleted successfully',
+			message: "Department deleted successfully",
 		});
 	} catch (error) {
 		console.error(error);
 		return res.status(500).json({
 			success: false,
-			message: 'Failed to delete department',
+			message: "Failed to delete department",
 		});
 	}
 };

backend/src/controllers/doctor.controller.js

@@ -1,13 +1,13 @@
-import prisma from '../prisma/client.js';
+import prisma from "../prisma/client.js";
 
 // get doctors
 
 export const getAllDoctors = async (req, res) => {
 	try {
-		const { admin } = req.query;
+		const {admin} = req.query;
 
 		const doctors = await prisma.doctor.findMany({
-			where: admin === 'true' ? {} : { isActive: true },
+			where: admin === "true" ? {} : {isActive: true},
 			include: {
 				seo: true,
 				departments: {
@@ -18,18 +18,18 @@ export const getAllDoctors = async (req, res) => {
 				},
 				specializations: {
 					orderBy: {
-						createdAt: 'asc',
+						createdAt: "asc",
 					},
 				},
 			},
-			orderBy: [{ globalSortOrder: 'asc' }, { name: 'asc' }],
+			orderBy: [{globalSortOrder: "asc"}, {name: "asc"}],
 		});
 
 		const formatted = doctors.map((doc, index) => ({
 			SL_NO: String(index + 1),
 			doctorId: doc.doctorId,
 			name: doc.name,
-			image: doc.image ?? '',
+			image: doc.image ?? "",
 			designation: doc.designation,
 			workingStatus: doc.workingStatus,
 			qualification: doc.qualification,
@@ -43,15 +43,15 @@ export const getAllDoctors = async (req, res) => {
 				description: item.description,
 			})),
 			seo: {
-				seoTitle: doc.seo?.seoTitle ?? '',
+				seoTitle: doc.seo?.seoTitle ?? "",
-				metaDescription: doc.seo?.metaDescription ?? '',
+				metaDescription: doc.seo?.metaDescription ?? "",
-				focusKeyphrase: doc.seo?.focusKeyphrase ?? '',
+				focusKeyphrase: doc.seo?.focusKeyphrase ?? "",
-				slug: doc.seo?.slug ?? '',
+				slug: doc.seo?.slug ?? "",
 				tags: doc.seo?.tags ?? [],
 
-				ogTitle: doc.seo?.ogTitle ?? '',
+				ogTitle: doc.seo?.ogTitle ?? "",
-				ogDescription: doc.seo?.ogDescription ?? '',
+				ogDescription: doc.seo?.ogDescription ?? "",
-				ogImage: doc.seo?.ogImage ?? '',
+				ogImage: doc.seo?.ogImage ?? "",
 			},
 			departments: doc.departments.map((d) => {
 				const t = d.timing || {};
@@ -69,7 +69,7 @@ export const getAllDoctors = async (req, res) => {
 				return {
 					departmentId: d.department.departmentId,
 					departmentName: d.department.name,
-					timing: timingArray.join(' & '),
+					timing: timingArray.join(" & "),
 					deptSortOrder: d.sortOrder,
 				};
 			}),
@@ -83,7 +83,7 @@ export const getAllDoctors = async (req, res) => {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch doctors',
+			message: "Failed to fetch doctors",
 		});
 	}
 };
@@ -92,14 +92,10 @@ export const getAllDoctors = async (req, res) => {
 
 export const getDoctorByDoctorId = async (req, res) => {
 	try {
-		const { doctorId } = req.params;
+		const {doctorId} = req.params;
-		const { admin } = req.query;
 
-		const doctor = await prisma.doctor.findFirst({
+		const doctor = await prisma.doctor.findUnique({
-			where: {
+			where: {doctorId},
-				doctorId,
-				...(admin === 'true' ? {} : { isActive: true }),
-			},
 			include: {
 				seo: true,
 				specializations: true,
@@ -115,29 +111,28 @@ export const getDoctorByDoctorId = async (req, res) => {
 		if (!doctor) {
 			return res.status(404).json({
 				success: false,
-				message: 'Doctor not found',
+				message: "Doctor not found",
 			});
 		}
 
 		const response = {
 			doctorId: doctor.doctorId,
 			name: doctor.name,
-			image: doctor.image ?? '',
+			image: doctor.image ?? "",
 			designation: doctor.designation,
 			workingStatus: doctor.workingStatus,
 			qualification: doctor.qualification,
 			experience: doctor.experience,
 			professionalSummary: doctor.professionalSummary,
-			isActive: doctor.isActive,
 			seo: {
-				seoTitle: doctor.seo?.seoTitle ?? '',
+				seoTitle: doctor.seo?.seoTitle ?? "",
-				metaDescription: doctor.seo?.metaDescription ?? '',
+				metaDescription: doctor.seo?.metaDescription ?? "",
-				focusKeyphrase: doctor.seo?.focusKeyphrase ?? '',
+				focusKeyphrase: doctor.seo?.focusKeyphrase ?? "",
-				slug: doctor.seo?.slug ?? '',
+				slug: doctor.seo?.slug ?? "",
 				tags: doctor.seo?.tags ?? [],
-				ogTitle: doctor.seo?.ogTitle ?? '',
+				ogTitle: doctor.seo?.ogTitle ?? "",
-				ogDescription: doctor.seo?.ogDescription ?? '',
+				ogDescription: doctor.seo?.ogDescription ?? "",
-				ogImage: doctor.seo?.ogImage ?? '',
+				ogImage: doctor.seo?.ogImage ?? "",
 			},
 			specializations:
 				doctor.specializations?.map((item) => ({
@@ -160,7 +155,7 @@ export const getDoctorByDoctorId = async (req, res) => {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch doctor',
+			message: "Failed to fetch doctor",
 		});
 	}
 };
@@ -168,52 +163,43 @@ export const getDoctorByDoctorId = async (req, res) => {
 // get doctors by department
 export const getDoctorsByDepartmentId = async (req, res) => {
 	try {
-		const { Department_ID } = req.query;
+		const {Department_ID} = req.query;
 
 		if (!Department_ID) {
 			return res.status(400).json({
 				success: false,
-				message: 'Department_ID is required',
+				message: "Department_ID is required",
 			});
 		}
 
 		const department = await prisma.department.findUnique({
-			where: { departmentId: Department_ID },
+			where: {departmentId: Department_ID},
 		});
 
 		if (!department) {
 			return res.status(404).json({
 				success: false,
-				message: 'Department not found',
+				message: "Department not found",
 			});
 		}
 
 		const doctorsInDept = await prisma.doctorDepartment.findMany({
 			where: {
 				departmentId: department.id,
-				doctor: { isActive: true },
+				doctor: {isActive: true},
 			},
 			include: {
-				doctor: {
+				doctor: true,
-					include: {
-						seo: {
-							select: {
-								slug: true,
-							},
-						},
-					},
-				},
 			},
-			orderBy: { sortOrder: 'asc' },
+			orderBy: {sortOrder: "asc"},
 		});
 
 		const result = doctorsInDept.map((d) => ({
 			GG_ID: d.doctor.doctorId,
 			Name: d.doctor.name,
-			image: d.doctor.image ?? '',
+			image: d.doctor.image ?? "",
 			designation: d.doctor.designation,
 			hierarchyOrder: d.sortOrder,
-			slug: d.doctor.seo?.slug ?? '',
 		}));
 
 		res.status(200).json({
@@ -224,7 +210,7 @@ export const getDoctorsByDepartmentId = async (req, res) => {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch doctors',
+			message: "Failed to fetch doctors",
 		});
 	}
 };
@@ -256,18 +242,18 @@ export const createDoctor = async (req, res) => {
 		} = req.body;
 		const messages = [];
 
-		if (!doctorId) messages.push('Doctor ID is required');
+		if (!doctorId) messages.push("Doctor ID is required");
-		if (!name?.trim()) messages.push('Doctor name is required');
+		if (!name?.trim()) messages.push("Doctor name is required");
-		if (!designation?.trim()) messages.push('Designation is required');
+		if (!designation?.trim()) messages.push("Designation is required");
-		if (!qualification?.trim()) messages.push('Qualification is required');
+		if (!qualification?.trim()) messages.push("Qualification is required");
 		if (!departments || departments.length === 0) {
-			messages.push('At least one department is required');
+			messages.push("At least one department is required");
 		}
 
 		if (messages.length > 0) {
 			return res.status(400).json({
 				success: false,
-				message: messages.join(', '),
+				message: messages.join(", "),
 			});
 		}
 		const seo = await prisma.seo.create({
@@ -297,13 +283,14 @@ export const createDoctor = async (req, res) => {
 				professionalSummary,
 				seoId: seo.id,
 				isActive: isActive !== undefined ? isActive : true,
-				globalSortOrder: globalSortOrder !== undefined ? Number(globalSortOrder) : 0,
+				globalSortOrder:
+					globalSortOrder !== undefined ? Number(globalSortOrder) : 0,
 			},
 		});
 
 		for (const dep of departments) {
 			const department = await prisma.department.findUnique({
-				where: { departmentId: dep.departmentId },
+				where: {departmentId: dep.departmentId},
 			});
 
 			if (!department) continue;
@@ -339,13 +326,13 @@ export const createDoctor = async (req, res) => {
 
 		res.status(201).json({
 			success: true,
-			message: 'Doctor created successfully',
+			message: "Doctor created successfully",
 		});
 	} catch (error) {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to create doctor',
+			message: "Failed to create doctor",
 		});
 	}
 };
@@ -353,7 +340,7 @@ export const createDoctor = async (req, res) => {
 //update doctors
 export const updateDoctor = async (req, res) => {
 	try {
-		const { doctorId, action } = req.params;
+		const {doctorId, action} = req.params;
 		const {
 			name,
 			designation,
@@ -367,8 +354,6 @@ export const updateDoctor = async (req, res) => {
 			professionalSummary,
 			seoTitle,
 			metaDescription,
-			ogTitle,
-			ogDescription,
 			focusKeyphrase,
 			slug,
 			tags,
@@ -379,14 +364,17 @@ export const updateDoctor = async (req, res) => {
 		if (!doctorId) {
 			return res.status(400).json({
 				success: false,
-				message: 'Doctor ID is required',
+				message: "Doctor ID is required",
 			});
 		}
-		const doctor = await prisma.doctor.findUnique({ where: { doctorId } });
+		const doctor = await prisma.doctor.findUnique({where: {doctorId}});
-		if (!doctor) return res.status(404).json({ success: false, message: 'Doctor not found' });
+		if (!doctor)
-		if (action === 'toggleStatus') {
+			return res
+				.status(404)
+				.json({success: false, message: "Doctor not found"});
+		if (action === "toggleStatus") {
 			await prisma.doctor.update({
-				where: { id: doctor.id },
+				where: {id: doctor.id},
 				data: {
 					isActive: !doctor.isActive,
 				},
@@ -394,29 +382,31 @@ export const updateDoctor = async (req, res) => {
 
 			return res.status(200).json({
 				success: true,
-				message: `Doctor has been ${doctor.isActive ? 'deactivated' : 'activated'} successfully`,
+				message: `Doctor has been ${
+					doctor.isActive ? "deactivated" : "activated"
+				} successfully`,
 			});
 		}
 
 		const messages = [];
-		if (!doctorId) messages.push('Doctor ID is required');
+		if (!doctorId) messages.push("Doctor ID is required");
-		if (!name?.trim()) messages.push('Doctor name is required');
+		if (!name?.trim()) messages.push("Doctor name is required");
-		if (!qualification?.trim()) messages.push('Qualification is required');
+		if (!qualification?.trim()) messages.push("Qualification is required");
-		if (!designation?.trim()) messages.push('Designation is required');
+		if (!designation?.trim()) messages.push("Designation is required");
 
 		if (!departments || departments.length === 0) {
-			messages.push('At least one department is required');
+			messages.push("At least one department is required");
 		}
 
 		if (messages.length > 0) {
 			return res.status(400).json({
 				success: false,
-				message: messages.join(', '),
+				message: messages.join(", "),
 			});
 		}
 
 		await prisma.doctor.update({
-			where: { id: doctor.id },
+			where: {id: doctor.id},
 			data: {
 				name,
 				designation,
@@ -426,7 +416,8 @@ export const updateDoctor = async (req, res) => {
 				isActive,
 				experience: experience ? Number(experience) : null,
 				professionalSummary,
-				globalSortOrder: globalSortOrder !== undefined ? Number(globalSortOrder) : undefined,
+				globalSortOrder:
+					globalSortOrder !== undefined ? Number(globalSortOrder) : undefined,
 			},
 		});
 
@@ -438,8 +429,6 @@ export const updateDoctor = async (req, res) => {
 				data: {
 					seoTitle,
 					metaDescription,
-					ogTitle,
-					ogDescription,
 					ogImage,
 					focusKeyphrase,
 					slug: slug ? slug : null,
@@ -450,10 +439,8 @@ export const updateDoctor = async (req, res) => {
 			const seo = await prisma.seo.create({
 				data: {
 					ogImage,
-					metaDescription,
 					seoTitle,
-					ogDescription,
+					metaDescription,
-					ogTitle,
 					focusKeyphrase,
 					slug: slug ? slug : null,
 					tags: tags || [],
@@ -518,7 +505,8 @@ export const updateDoctor = async (req, res) => {
 				});
 
 				if (dep.timing && Object.keys(dep.timing).length > 0) {
-					const { id, doctorDepartmentId, createdAt, updatedAt, ...cleanTiming } = dep.timing;
+					const {id, doctorDepartmentId, createdAt, updatedAt, ...cleanTiming} =
+						dep.timing;
 
 					await prisma.doctorTiming.create({
 						data: {
@@ -551,56 +539,58 @@ export const updateDoctor = async (req, res) => {
 			}
 		}
 
-		res.status(200).json({ success: true, message: 'Doctor updated successfully' });
+		res
+			.status(200)
+			.json({success: true, message: "Doctor updated successfully"});
 	} catch (error) {
-		console.error('Update Error:', error);
+		console.error("Update Error:", error);
-		res.status(500).json({ success: false, message: 'Failed to update doctor' });
+		res.status(500).json({success: false, message: "Failed to update doctor"});
 	}
 };
 //delete doctor
 
 export const deleteDoctor = async (req, res) => {
 	try {
-		const { doctorId } = req.params;
+		const {doctorId} = req.params;
 
 		const doctor = await prisma.doctor.findUnique({
-			where: { doctorId },
+			where: {doctorId},
 		});
 
 		if (!doctor) {
 			return res.status(404).json({
 				success: false,
-				message: 'Doctor not found',
+				message: "Doctor not found",
 			});
 		}
 
 		const doctorDepartments = await prisma.doctorDepartment.findMany({
-			where: { doctorId: doctor.id },
+			where: {doctorId: doctor.id},
 		});
 
 		for (const dd of doctorDepartments) {
 			await prisma.doctorTiming.deleteMany({
-				where: { doctorDepartmentId: dd.id },
+				where: {doctorDepartmentId: dd.id},
 			});
 		}
 
 		await prisma.doctorDepartment.deleteMany({
-			where: { doctorId: doctor.id },
+			where: {doctorId: doctor.id},
 		});
 
 		await prisma.doctor.delete({
-			where: { id: doctor.id },
+			where: {id: doctor.id},
 		});
 
 		res.status(200).json({
 			success: true,
-			message: 'Doctor deleted successfully',
+			message: "Doctor deleted successfully",
 		});
 	} catch (error) {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to delete doctor',
+			message: "Failed to delete doctor",
 		});
 	}
 };
@@ -625,14 +615,14 @@ export const getDoctorTimings = async (req, res) => {
 			return {
 				Doctor_ID: doc.doctorId,
 				Doctor: doc.name,
-				Monday: timing.monday || '',
+				Monday: timing.monday || "",
-				Tuesday: timing.tuesday || '',
+				Tuesday: timing.tuesday || "",
-				Wednesday: timing.wednesday || '',
+				Wednesday: timing.wednesday || "",
-				Thursday: timing.thursday || '',
+				Thursday: timing.thursday || "",
-				Friday: timing.friday || '',
+				Friday: timing.friday || "",
-				Saturday: timing.saturday || '',
+				Saturday: timing.saturday || "",
-				Sunday: timing.sunday || '',
+				Sunday: timing.sunday || "",
-				Additional: timing.additional || '',
+				Additional: timing.additional || "",
 			};
 		});
 
@@ -644,7 +634,7 @@ export const getDoctorTimings = async (req, res) => {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch doctor timings',
+			message: "Failed to fetch doctor timings",
 		});
 	}
 };
@@ -652,14 +642,10 @@ export const getDoctorTimings = async (req, res) => {
 
 export const getDoctorTimingById = async (req, res) => {
 	try {
-		const { doctorId } = req.params;
+		const {doctorId} = req.params;
-		const { admin } = req.query;
 
-		const doctor = await prisma.doctor.findFirst({
+		const doctor = await prisma.doctor.findUnique({
-			where: {
+			where: {doctorId},
-				doctorId,
-				...(admin === 'true' ? {} : { isActive: true }),
-			},
 			include: {
 				departments: {
 					include: {
@@ -673,7 +659,7 @@ export const getDoctorTimingById = async (req, res) => {
 		if (!doctor) {
 			return res.status(404).json({
 				success: false,
-				message: 'Doctor not found',
+				message: "Doctor not found",
 			});
 		}
 
@@ -696,7 +682,7 @@ export const getDoctorTimingById = async (req, res) => {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch doctor timing',
+			message: "Failed to fetch doctor timing",
 		});
 	}
 };

backend/src/controllers/emailConfig.controller.js

@@ -1,14 +1,14 @@
-import prisma from '../prisma/client.js';
+import prisma from "../prisma/client.js";
 
 // CREATE
 export const createEmailConfig = async (req, res) => {
 	try {
-		const { name, email, type, isActive } = req.body;
+		const {name, email, type, isActive} = req.body;
 
 		if (!name || !email || !type) {
 			return res.status(400).json({
 				success: false,
-				message: 'Name, Email and Type are required',
+				message: "Name, Email and Type are required",
 			});
 		}
 
@@ -23,14 +23,14 @@ export const createEmailConfig = async (req, res) => {
 
 		res.status(201).json({
 			success: true,
-			message: 'Email config created',
+			message: "Email config created",
 			data: newEmail,
 		});
 	} catch (error) {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to create email config',
+			message: "Failed to create email config",
 		});
 	}
 };
@@ -40,7 +40,7 @@ export const getEmailConfigs = async (req, res) => {
 	try {
 		const emails = await prisma.emailConfig.findMany({
 			orderBy: {
-				createdAt: 'desc',
+				createdAt: "desc",
 			},
 		});
 
@@ -52,7 +52,7 @@ export const getEmailConfigs = async (req, res) => {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch email configs',
+			message: "Failed to fetch email configs",
 		});
 	}
 };
@@ -60,7 +60,7 @@ export const getEmailConfigs = async (req, res) => {
 // GET SINGLE
 export const getEmailConfig = async (req, res) => {
 	try {
-		const { id } = req.params;
+		const {id} = req.params;
 
 		const email = await prisma.emailConfig.findUnique({
 			where: {
@@ -71,7 +71,7 @@ export const getEmailConfig = async (req, res) => {
 		if (!email) {
 			return res.status(404).json({
 				success: false,
-				message: 'Email config not found',
+				message: "Email config not found",
 			});
 		}
 
@@ -83,7 +83,7 @@ export const getEmailConfig = async (req, res) => {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch email config',
+			message: "Failed to fetch email config",
 		});
 	}
 };
@@ -91,7 +91,7 @@ export const getEmailConfig = async (req, res) => {
 // UPDATE
 export const updateEmailConfig = async (req, res) => {
 	try {
-		const { id } = req.params;
+		const {id} = req.params;
 
 		const updated = await prisma.emailConfig.update({
 			where: {
@@ -102,14 +102,14 @@ export const updateEmailConfig = async (req, res) => {
 
 		res.status(200).json({
 			success: true,
-			message: 'Email config updated',
+			message: "Email config updated",
 			data: updated,
 		});
 	} catch (error) {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to update email config',
+			message: "Failed to update email config",
 		});
 	}
 };
@@ -117,7 +117,7 @@ export const updateEmailConfig = async (req, res) => {
 // DELETE
 export const deleteEmailConfig = async (req, res) => {
 	try {
-		const { id } = req.params;
+		const {id} = req.params;
 
 		await prisma.emailConfig.delete({
 			where: {
@@ -127,13 +127,13 @@ export const deleteEmailConfig = async (req, res) => {
 
 		res.status(200).json({
 			success: true,
-			message: 'Email config deleted',
+			message: "Email config deleted",
 		});
 	} catch (error) {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to delete email config',
+			message: "Failed to delete email config",
 		});
 	}
 };

backend/src/controllers/healthCheck.controller.js

@@ -1,21 +1,23 @@
-import prisma from '../prisma/client.js';
+import prisma from "../prisma/client.js";
-import { sendEmail } from '../utils/sendEmail.js';
+import { sendEmail } from "../utils/sendEmail.js";
-import { getEmailsByType } from '../utils/getEmailByTypes.js';
+import { getEmailsByType } from "../utils/getEmailByTypes.js";
 
 export const getAllCategories = async (req, res) => {
 	try {
 		const { admin } = req.query;
 
 		const categories = await prisma.healthCheckCategory.findMany({
-			where: admin === 'true' ? {} : { isActive: true },
+			where: admin === "true" ? {} : { isActive: true },
-			orderBy: { sortOrder: 'asc' },
+			orderBy: { sortOrder: "asc" },
 			include: {
 				_count: { select: { packages: true } },
 			},
 		});
 		return res.status(200).json({ success: true, data: categories });
 	} catch (error) {
-		return res.status(500).json({ success: false, message: 'Failed to fetch categories' });
+		return res
+			.status(500)
+			.json({ success: false, message: "Failed to fetch categories" });
 	}
 };
 
@@ -33,10 +35,14 @@ export const createCategory = async (req, res) => {
 			},
 		});
 
-		return res.status(201).json({ success: true, message: 'Category created', data: category });
+		return res
+			.status(201)
+			.json({ success: true, message: "Category created", data: category });
 	} catch (error) {
 		console.error(error);
-		return res.status(500).json({ success: false, message: 'Failed to create category' });
+		return res
+			.status(500)
+			.json({ success: false, message: "Failed to create category" });
 	}
 };
 
@@ -52,7 +58,7 @@ export const updateCategory = async (req, res) => {
 
 		if (data.sortOrder !== undefined) data.sortOrder = Number(data.sortOrder);
 
-		if (data.slug === '') data.slug = null;
+		if (data.slug === "") data.slug = null;
 
 		const updatedCategory = await prisma.$transaction(async (tx) => {
 			const category = await tx.healthCheckCategory.update({
@@ -72,12 +78,14 @@ export const updateCategory = async (req, res) => {
 
 		return res.status(200).json({
 			success: true,
-			message: 'Category updated',
+			message: "Category updated",
 			data: updatedCategory,
 		});
 	} catch (error) {
 		console.error(error);
-		return res.status(500).json({ success: false, message: 'Failed to update category' });
+		return res
+			.status(500)
+			.json({ success: false, message: "Failed to update category" });
 	}
 };
 
@@ -89,12 +97,15 @@ export const deleteCategory = async (req, res) => {
 			where: { id: Number(id) },
 		});
 
-		return res.status(200).json({ success: true, message: 'Category deleted successfully' });
+		return res
+			.status(200)
+			.json({ success: true, message: "Category deleted successfully" });
 	} catch (error) {
 		console.error(error);
 		return res.status(500).json({
 			success: false,
-			message: 'Failed to delete category. Ensure no packages are linked to it.',
+			message:
+				"Failed to delete category. Ensure no packages are linked to it.",
 		});
 	}
 };
@@ -105,19 +116,21 @@ export const getAllPackages = async (req, res) => {
 
 		const packages = await prisma.healthPackage.findMany({
 			where: {
-				AND: [admin === 'true' ? {} : { isActive: true }, categorySlug ? { category: { slug: categorySlug } } : {}],
+				AND: [
+					admin === "true" ? {} : { isActive: true },
+					categorySlug ? { category: { slug: categorySlug } } : {},
+				],
 			},
-			include: {
+			include: { category: true },
-				category: true,
+			orderBy: [{ sortOrder: "asc" }, { createdAt: "desc" }],
-				seo: true,
-			},
-			orderBy: [{ sortOrder: 'asc' }, { createdAt: 'desc' }],
 		});
 
 		return res.status(200).json({ success: true, data: packages });
 	} catch (error) {
 		console.error(error);
-		return res.status(500).json({ success: false, message: 'Failed to fetch packages' });
+		return res
+			.status(500)
+			.json({ success: false, message: "Failed to fetch packages" });
 	}
 };
 
@@ -135,7 +148,6 @@ export const createPackage = async (req, res) => {
 			isActive,
 			isFeatured,
 			sortOrder,
-			seo,
 		} = req.body;
 
 		const healthPackage = await prisma.healthPackage.create({
@@ -151,32 +163,17 @@ export const createPackage = async (req, res) => {
 				isActive: isActive ?? true,
 				isFeatured: isFeatured ?? false,
 				sortOrder: sortOrder ? Number(sortOrder) : 1000,
-
-				...(seo && {
-					seo: {
-						create: {
-							seoTitle: seo.seoTitle,
-							metaDescription: seo.metaDescription,
-							focusKeyphrase: seo.focusKeyphrase,
-							slug: slug,
-							tags: seo.tags || [],
-							ogTitle: seo.ogTitle,
-							ogDescription: seo.ogDescription,
-							ogImage: seo.ogImage,
-						},
-					},
-				}),
-			},
-			include: {
-				category: true,
-				seo: true,
 			},
 		});
 
-		return res.status(201).json({ success: true, message: 'Package created', data: healthPackage });
+		return res
+			.status(201)
+			.json({ success: true, message: "Package created", data: healthPackage });
 	} catch (error) {
 		console.error(error);
-		return res.status(500).json({ success: false, message: 'Failed to create package' });
+		return res
+			.status(500)
+			.json({ success: false, message: "Failed to create package" });
 	}
 };
 
@@ -186,91 +183,47 @@ export const updatePackage = async (req, res) => {
 		const data = { ...req.body };
 		delete data.id;
 		delete data.category;
-		delete data.createdAt;
-		delete data.updatedAt;
-		delete data.seoId;
 
 		if (data.categoryId) data.categoryId = Number(data.categoryId);
 		if (data.sortOrder) data.sortOrder = Number(data.sortOrder);
 
-		const existingPackage = await prisma.healthPackage.findUnique({
-			where: { id: Number(id) },
-			select: { slug: true },
-		});
-		const seoSlug = data.slug || existingPackage.slug;
-
 		const updated = await prisma.healthPackage.update({
 			where: { id: Number(id) },
-
+			data,
-			data: {
-				...data,
-
-				seo: data.seo
-					? {
-							upsert: {
-								create: {
-									seoTitle: data.seo.seoTitle,
-									metaDescription: data.seo.metaDescription,
-									focusKeyphrase: data.seo.focusKeyphrase,
-									slug: seoSlug,
-									tags: data.seo.tags || [],
-									ogTitle: data.seo.ogTitle,
-									ogDescription: data.seo.ogDescription,
-									ogImage: data.seo.ogImage,
-								},
-
-								update: {
-									seoTitle: data.seo.seoTitle,
-									metaDescription: data.seo.metaDescription,
-									focusKeyphrase: data.seo.focusKeyphrase,
-									slug: seoSlug,
-									tags: data.seo.tags || [],
-									ogTitle: data.seo.ogTitle,
-									ogDescription: data.seo.ogDescription,
-									ogImage: data.seo.ogImage,
-								},
-							},
-						}
-					: undefined,
-			},
-
-			include: {
-				category: true,
-				seo: true,
-			},
 		});
 
-		return res.status(200).json({ success: true, message: 'Package updated', data: updated });
+		return res
+			.status(200)
+			.json({ success: true, message: "Package updated", data: updated });
 	} catch (error) {
 		console.error(error);
-		return res.status(500).json({ success: false, message: 'Update failed' });
+		return res.status(500).json({ success: false, message: "Update failed" });
 	}
 };
 
 export const deletePackage = async (req, res) => {
 	try {
 		const { id } = req.params;
-
+		await prisma.healthPackage.delete({ where: { id: Number(id) } });
-		await prisma.healthPackage.delete({
+		return res.status(200).json({ success: true, message: "Package deleted" });
-			where: { id: Number(id) },
-		});
-
-		return res.status(200).json({
-			success: true,
-			message: 'Package deleted',
-		});
 	} catch (error) {
 		console.error(error);
-		return res.status(500).json({
+		return res.status(500).json({ success: false, message: "Delete failed" });
-			success: false,
-			message: 'Delete failed',
-		});
 	}
 };
 
 export const createPackageInquiry = async (req, res) => {
 	try {
-		const { fullName, mobileNumber, email, age, gender, preferredDate, packageId, message } = req.body;
+		const {
+			fullName,
+			mobileNumber,
+			email,
+			age,
+			gender,
+			preferredDate,
+			packageId,
+			message,
+		} = req.body;
 
 		const inquiry = await prisma.healthPackageInquiry.create({
 			data: {
@@ -289,12 +242,12 @@ export const createPackageInquiry = async (req, res) => {
 		});
 
 		try {
-			const emailList = await getEmailsByType('HCINQUIRY');
+			const emailList = await getEmailsByType("HCINQUIRY");
 
 			if (emailList) {
 				await sendEmail({
 					to: emailList,
-					subject: 'New Health Checkup Package Inquiry',
+					subject: "New Health Checkup Package Inquiry",
 					html: `
         <div style="font-family: Arial, sans-serif; background-color: #f4f6f8; padding: 20px;">
           
@@ -324,15 +277,15 @@ export const createPackageInquiry = async (req, res) => {
                 </tr>
                 <tr>
                   <td style="padding: 8px 0;"><b>Email:</b></td>
-                  <td style="padding: 8px 0;">${email || '-'}</td>
+                  <td style="padding: 8px 0;">${email || "-"}</td>
                 </tr>
                 <tr>
                   <td style="padding: 8px 0;"><b>Age:</b></td>
-                  <td style="padding: 8px 0;">${age || '-'}</td>
+                  <td style="padding: 8px 0;">${age || "-"}</td>
                 </tr>
                 <tr>
                   <td style="padding: 8px 0;"><b>Gender:</b></td>
-                  <td style="padding: 8px 0;">${gender || '-'}</td>
+                  <td style="padding: 8px 0;">${gender || "-"}</td>
                 </tr>
               </table>
 
@@ -341,19 +294,19 @@ export const createPackageInquiry = async (req, res) => {
               <table style="width: 100%; border-collapse: collapse;">
                 <tr>
                   <td style="padding: 8px 0; width: 35%;"><b>Package Name:</b></td>
-                  <td style="padding: 8px 0;">${inquiry.healthPackage?.name || 'Unknown Package'}</td>
+                  <td style="padding: 8px 0;">${inquiry.healthPackage?.name || "Unknown Package"}</td>
                 </tr>
                 <tr>
                   <td style="padding: 8px 0;"><b>Preferred Date:</b></td>
                   <td style="padding: 8px 0;">
                     ${
 											preferredDate
-												? new Date(preferredDate).toLocaleDateString('en-GB', {
+												? new Date(preferredDate).toLocaleDateString("en-GB", {
-														day: '2-digit',
+														day: "2-digit",
-														month: 'long',
+														month: "long",
-														year: 'numeric',
+														year: "numeric",
 													})
-												: 'Not specified'
+												: "Not specified"
 										}
                   </td>
                 </tr>
@@ -371,7 +324,7 @@ export const createPackageInquiry = async (req, res) => {
                     word-break: break-word;
                     overflow-wrap: anywhere;
                 ">
-                    ${message ? message.replace(/\n/g, '<br/>') : '-'}
+                    ${message ? message.replace(/\n/g, "<br/>") : "-"}
                 </div>
               </div>
 
@@ -389,17 +342,19 @@ export const createPackageInquiry = async (req, res) => {
 				});
 			}
 		} catch (err) {
-			console.error('Email failed:', err);
+			console.error("Email failed:", err);
 		}
 
 		return res.status(201).json({
 			success: true,
-			message: 'Booking inquiry sent successfully',
+			message: "Booking inquiry sent successfully",
 			data: inquiry,
 		});
 	} catch (error) {
 		console.error(error);
-		return res.status(500).json({ success: false, message: 'Failed to submit inquiry' });
+		return res
+			.status(500)
+			.json({ success: false, message: "Failed to submit inquiry" });
 	}
 };
 
@@ -408,24 +363,21 @@ export const getPackageBySlug = async (req, res) => {
 		const { slug } = req.params;
 		const healthPackage = await prisma.healthPackage.findFirst({
 			where: { slug, isActive: true },
-
+			include: { category: true },
-			include: {
-				category: true,
-				seo: true,
-			},
 		});
 
 		if (!healthPackage) {
-			return res.status(404).json({ success: false, message: 'Package not found' });
+			return res
+				.status(404)
+				.json({ success: false, message: "Package not found" });
 		}
 
-		return res.status(200).json({
+		return res.status(200).json({ success: true, data: healthPackage });
-			success: true,
-			data: healthPackage,
-		});
 	} catch (error) {
 		console.error(error);
-		return res.status(500).json({ success: false, message: 'Failed to fetch package' });
+		return res
+			.status(500)
+			.json({ success: false, message: "Failed to fetch package" });
 	}
 };
 
@@ -462,12 +414,10 @@ export const getAllInquiries = async (req, res) => {
 				take: queryLimit,
 				include: {
 					healthPackage: {
-						include: {
+						include: { category: true },
-							category: true,
-						},
 					},
 				},
-				orderBy: { createdAt: 'desc' },
+				orderBy: { createdAt: "desc" },
 			}),
 		]);
 
@@ -483,6 +433,8 @@ export const getAllInquiries = async (req, res) => {
 		});
 	} catch (error) {
 		console.error(error);
-		return res.status(500).json({ success: false, message: 'Failed to fetch inquiries' });
+		return res
+			.status(500)
+			.json({ success: false, message: "Failed to fetch inquiries" });
 	}
 };

backend/src/controllers/importController.js

@@ -1,12 +1,22 @@
-import { PrismaClient } from '@prisma/client';
+import { PrismaClient } from "@prisma/client";
 
 const prisma = new PrismaClient();
 
 export const bulkImportExcelData = async (req, res) => {
 	try {
-		const { departments, doctors, timings, careers, inquiries, academics, appointments, candidates, news } = req.body;
+		const {
+			departments,
+			doctors,
+			timings,
+			careers,
+			inquiries,
+			academics,
+			appointments,
+			candidates,
+			news,
+		} = req.body;
 
-		console.log('🚀 Starting Robust Data Import...');
+		console.log("🚀 Starting Robust Data Import...");
 
 		// 1. DEPARTMENTS
 		if (departments) {
@@ -44,14 +54,14 @@ export const bulkImportExcelData = async (req, res) => {
 					update: {
 						name: row.Name?.toString(),
 						designation: row.Designation?.toString() || null,
-						workingStatus: row['Working Status']?.toString() || null,
+						workingStatus: row["Working Status"]?.toString() || null,
 						qualification: row.Qualification?.toString() || null,
 					},
 					create: {
 						doctorId: row.GG_ID.toString(),
 						name: row.Name?.toString(),
 						designation: row.Designation?.toString() || null,
-						workingStatus: row['Working Status']?.toString() || null,
+						workingStatus: row["Working Status"]?.toString() || null,
 						qualification: row.Qualification?.toString() || null,
 					},
 				});
@@ -90,8 +100,8 @@ export const bulkImportExcelData = async (req, res) => {
 
 				if (doctor && doctor.departments.length > 0) {
 					const doctorDeptId = doctor.departments[0].id;
-					const rawAdd = row.Additional?.toString() || '';
+					const rawAdd = row.Additional?.toString() || "";
-					const rawMon = row.Monday?.toString() || '';
+					const rawMon = row.Monday?.toString() || "";
 					const isAppt = (val) => /appointment|basis|on call/i.test(val);
 
 					let finalAdd = rawAdd;
@@ -137,7 +147,7 @@ export const bulkImportExcelData = async (req, res) => {
 					experienceNeed: row.ExperienceNeed?.toString() || null,
 					email: row.HiringEmail?.toString() || null,
 					number: row.Number?.toString() || null,
-					status: row.Status?.toString() || 'new',
+					status: row.Status?.toString() || "new",
 				};
 				if (cId) {
 					await prisma.career.upsert({
@@ -158,7 +168,7 @@ export const bulkImportExcelData = async (req, res) => {
 				await prisma.inquiry.create({
 					data: {
 						fullName: row.FullName.toString(),
-						number: row.Number?.toString() || '',
+						number: row.Number?.toString() || "",
 						emailId: row.EmailId?.toString() || null,
 						subject: row.Subject?.toString() || null,
 						message: row.Message?.toString() || null,
@@ -175,10 +185,10 @@ export const bulkImportExcelData = async (req, res) => {
 				await prisma.academicsResearch.create({
 					data: {
 						fullName: row.FullName.toString(),
-						number: row.Number?.toString() || '',
+						number: row.Number?.toString() || "",
 						emailId: row.EmailId?.toString() || null,
 						subject: row.Subject?.toString() || null, // Force String
-						courseName: row['Course Name']?.toString() || null,
+						courseName: row["Course Name"]?.toString() || null,
 						message: row.Message?.toString() || null,
 						createdAt: row.Date ? new Date(row.Date) : new Date(),
 					},
@@ -191,7 +201,7 @@ export const bulkImportExcelData = async (req, res) => {
 			for (const row of appointments) {
 				if (!row.FullName) continue;
 				const doctorName = row.Doctor?.toString();
-				const departmentName = row['Department Id']?.toString();
+				const departmentName = row["Department Id"]?.toString();
 
 				const doctor = await prisma.doctor.findFirst({
 					where: { name: doctorName },
@@ -204,11 +214,11 @@ export const bulkImportExcelData = async (req, res) => {
 					if (!value) return new Date();
 
 					// Excel numeric date
-					if (typeof value === 'number') {
+					if (typeof value === "number") {
 						return new Date((value - 25569) * 86400 * 1000);
 					}
 
-					if (typeof value === 'string') {
+					if (typeof value === "string") {
 						const v = value.trim();
 
 						// Handle DD/MM/YYYY
@@ -228,15 +238,15 @@ export const bulkImportExcelData = async (req, res) => {
 						}
 					}
 
-					console.warn('⚠️ Invalid date, using current date:', value);
+					console.warn("⚠️ Invalid date, using current date:", value);
 					return new Date();
 				};
 				if (doctor && department) {
 					await prisma.appointment.create({
 						data: {
 							name: row.FullName.toString(),
-							mobileNumber: row.Number?.toString() || '',
+							mobileNumber: row.Number?.toString() || "",
-							email: row['Email Id']?.toString() || null,
+							email: row["Email Id"]?.toString() || null,
 							message: row.Message?.toString() || null,
 							date: parseDate(row.Date),
 							doctorId: doctor.doctorId,
@@ -255,10 +265,10 @@ export const bulkImportExcelData = async (req, res) => {
 					.create({
 						data: {
 							fullName: row.FullName.toString(),
-							mobile: row.Number?.toString() || '',
+							mobile: row.Number?.toString() || "",
-							email: row.EmailId?.toString() || '',
+							email: row.EmailId?.toString() || "",
-							subject: row.Subject?.toString() || '',
+							subject: row.Subject?.toString() || "",
-							coverLetter: row['Cover Letter']?.toString() || '',
+							coverLetter: row["Cover Letter"]?.toString() || "",
 							careerId: parseInt(row.CareerId),
 							createdAt: row.Date ? new Date(row.Date) : new Date(),
 						},
@@ -284,9 +294,11 @@ export const bulkImportExcelData = async (req, res) => {
 			}
 		}
 
-		res.status(200).json({ success: true, message: '✅ Import completed successfully!' });
+		res
+			.status(200)
+			.json({ success: true, message: "✅ Import completed successfully!" });
 	} catch (error) {
-		console.error('❌ Bulk Import Error:', error);
+		console.error("❌ Bulk Import Error:", error);
 		res.status(500).json({ success: false, error: error.message });
 	}
 };

backend/src/controllers/inquiry.controller.js

@@ -1,17 +1,17 @@
-import prisma from '../prisma/client.js';
+import prisma from "../prisma/client.js";
 
-import { sendEmail } from '../utils/sendEmail.js';
+import {sendEmail} from "../utils/sendEmail.js";
-import { getEmailsByType } from '../utils/getEmailByTypes.js';
+import {getEmailsByType} from "../utils/getEmailByTypes.js";
 
 /* CREATE INQUIRY */
 export const createInquiry = async (req, res) => {
 	try {
-		const { fullName, number, emailId, subject, message } = req.body;
+		const {fullName, number, emailId, subject, message} = req.body;
 
 		if (!fullName || !number) {
 			return res.status(400).json({
 				success: false,
-				message: 'Full name and number are required',
+				message: "Full name and number are required",
 			});
 		}
 
@@ -25,12 +25,12 @@ export const createInquiry = async (req, res) => {
 			},
 		});
 		try {
-			const emailList = await getEmailsByType('INQUIRY');
+			const emailList = await getEmailsByType("INQUIRY");
 
 			if (emailList && emailList.length > 0) {
 				await sendEmail({
 					to: emailList,
-					subject: 'New Inquiry Received',
+					subject: "New Inquiry Received",
 					html: `
 					<div style="font-family: Arial, sans-serif; background-color: #f4f6f8; padding: 20px;">
 					
@@ -78,7 +78,7 @@ export const createInquiry = async (req, res) => {
 										word-break: break-word;
 										overflow-wrap: anywhere;
 									">
-										${message ? message.replace(/\n/g, '<br/>') : '-'}
+										${message ? message.replace(/\n/g, "<br/>") : "-"}
 							</div>
 						</div>
 
@@ -96,20 +96,20 @@ export const createInquiry = async (req, res) => {
 				});
 			}
 		} catch (err) {
-			console.error('Inquiry email failed:', err);
+			console.error("Inquiry email failed:", err);
 		}
 
 		res.status(200).json({
 			success: true,
 			status: 200,
 			data: inquiry,
-			message: 'Inquiry added successfully',
+			message: "Inquiry added successfully",
 		});
 	} catch (error) {
 		console.error(error);
 		res.status(500).json({
 			success: false,
-			message: 'Failed to add inquiry',
+			message: "Failed to add inquiry",
 		});
 	}
 };
@@ -119,7 +119,7 @@ export const getInquiries = async (req, res) => {
 	try {
 		const inquiries = await prisma.inquiry.findMany({
 			orderBy: {
-				createdAt: 'desc',
+				createdAt: "desc",
 			},
 		});
 
@@ -130,7 +130,7 @@ export const getInquiries = async (req, res) => {
 	} catch (error) {
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch inquiries',
+			message: "Failed to fetch inquiries",
 		});
 	}
 };
@@ -138,16 +138,16 @@ export const getInquiries = async (req, res) => {
 /* GET SINGLE */
 export const getInquiry = async (req, res) => {
 	try {
-		const { id } = req.params;
+		const {id} = req.params;
 
 		const inquiry = await prisma.inquiry.findUnique({
-			where: { id: Number(id) },
+			where: {id: Number(id)},
 		});
 
 		if (!inquiry) {
 			return res.status(404).json({
 				success: false,
-				message: 'Inquiry not found',
+				message: "Inquiry not found",
 			});
 		}
 
@@ -158,7 +158,7 @@ export const getInquiry = async (req, res) => {
 	} catch (error) {
 		res.status(500).json({
 			success: false,
-			message: 'Failed to fetch inquiry',
+			message: "Failed to fetch inquiry",
 		});
 	}
 };
@@ -166,20 +166,20 @@ export const getInquiry = async (req, res) => {
 /* DELETE */
 export const deleteInquiry = async (req, res) => {
 	try {
-		const { id } = req.params;
+		const {id} = req.params;
 
 		await prisma.inquiry.delete({
-			where: { id: Number(id) },
+			where: {id: Number(id)},
 		});
 
 		res.json({
 			success: true,
-			message: 'Inquiry deleted successfully',
+			message: "Inquiry deleted successfully",
 		});
 	} catch (error) {
 		res.status(500).json({
 			success: false,
-			message: 'Failed to delete inquiry',
+			message: "Failed to delete inquiry",
 		});
 	}
 };

backend/src/controllers/newsMedia.controller.js

@@ -1,4 +1,4 @@
-import prisma from '../prisma/client.js';
+import prisma from "../prisma/client.js";
 
 // GET ALL NEWS
 
@@ -6,7 +6,7 @@ export const getAllNews = async (req, res) => {
 	try {
 		const page = req.query.page ? parseInt(req.query.page) : null;
 		const limit = req.query.limit ? parseInt(req.query.limit) : null;
-		const search = req.query.search?.trim() || '';
+		const search = req.query.search?.trim() || "";
 
 		const includeImages = {
 			images: true,
@@ -16,7 +16,7 @@ export const getAllNews = async (req, res) => {
 			? {
 					headline: {
 						contains: search,
-						mode: 'insensitive',
+						mode: "insensitive",
 					},
 				}
 			: {};
@@ -32,7 +32,7 @@ export const getAllNews = async (req, res) => {
 			prisma.newsMedia.findMany({
 				where: whereCondition,
 				include: includeImages,
-				orderBy: { createdAt: 'desc' },
+				orderBy: { createdAt: "desc" },
 				skip,
 				take,
 			}),
@@ -69,7 +69,7 @@ export const getAllNews = async (req, res) => {
 		console.error(error);
 		return res.status(500).json({
 			success: false,
-			message: 'Failed to fetch news',
+			message: "Failed to fetch news",
 		});
 	}
 };
@@ -87,7 +87,7 @@ export const getNewsById = async (req, res) => {
 		if (!n) {
 			return res.status(404).json({
 				success: false,
-				message: 'News not found',
+				message: "News not found",
 			});
 		}
 
@@ -113,7 +113,7 @@ export const getNewsById = async (req, res) => {
 		console.error(error);
 		return res.status(500).json({
 			success: false,
-			message: 'Failed to fetch news',
+			message: "Failed to fetch news",
 		});
 	}
 };
@@ -122,12 +122,20 @@ export const getNewsById = async (req, res) => {
 
 export const createNews = async (req, res) => {
 	try {
-		const { headline, content, firstPara, secondPara, date, author, imageUrls } = req.body;
+		const {
+			headline,
+			content,
+			firstPara,
+			secondPara,
+			date,
+			author,
+			imageUrls,
+		} = req.body;
 
 		if (!headline) {
 			return res.status(400).json({
 				success: false,
-				message: 'Headline is required',
+				message: "Headline is required",
 			});
 		}
 
@@ -150,14 +158,14 @@ export const createNews = async (req, res) => {
 
 		return res.status(201).json({
 			success: true,
-			message: 'News created successfully',
+			message: "News created successfully",
 			data: news,
 		});
 	} catch (error) {
 		console.error(error);
 		return res.status(500).json({
 			success: false,
-			message: 'Failed to create news',
+			message: "Failed to create news",
 		});
 	}
 };
@@ -186,14 +194,14 @@ export const updateNews = async (req, res) => {
 
 		return res.status(200).json({
 			success: true,
-			message: 'News updated successfully',
+			message: "News updated successfully",
 			data: news,
 		});
 	} catch (error) {
 		console.error(error);
 		return res.status(500).json({
 			success: false,
-			message: 'Failed to update news',
+			message: "Failed to update news",
 		});
 	}
 };
@@ -210,13 +218,13 @@ export const deleteNews = async (req, res) => {
 
 		return res.status(200).json({
 			success: true,
-			message: 'News deleted successfully',
+			message: "News deleted successfully",
 		});
 	} catch (error) {
 		console.error(error);
 		return res.status(500).json({
 			success: false,
-			message: 'Failed to delete news',
+			message: "Failed to delete news",
 		});
 	}
 };

backend/src/controllers/upload.controller.js

@@ -1,9 +1,9 @@
-import multer from 'multer';
+import multer from "multer";
-import path from 'path';
+import path from "path";
 
 const storage = multer.diskStorage({
 	destination: function (req, file, cb) {
-		cb(null, 'uploads/blog');
+		cb(null, "uploads/blog");
 	},
 
 	filename: function (req, file, cb) {
@@ -12,4 +12,4 @@ const storage = multer.diskStorage({
 	},
 });
 
-export const upload = multer({ storage });
+export const upload = multer({storage});

backend/src/middleware/auth.js

@@ -1,19 +1,19 @@
-import { verifyToken } from '../utils/jwt.js';
+import {verifyToken} from "../utils/jwt.js";
 
 export default function jwtAuthMiddleware(req, res, next) {
 	const authHeader = req.headers.authorization;
 
-	if (!authHeader || !authHeader.startsWith('Bearer ')) {
+	if (!authHeader || !authHeader.startsWith("Bearer ")) {
-		return res.status(401).json({ error: 'No token provided' });
+		return res.status(401).json({error: "No token provided"});
 	}
 
-	const token = authHeader.split(' ')[1];
+	const token = authHeader.split(" ")[1];
 
 	try {
 		const user = verifyToken(token);
 		req.user = user;
 		next();
 	} catch (err) {
-		return res.status(401).json({ error: 'Invalid or expired token' });
+		return res.status(401).json({error: "Invalid or expired token"});
 	}
 }

backend/src/prisma/client.js

@@ -1,4 +1,4 @@
-import { PrismaClient } from '@prisma/client';
+import {PrismaClient} from "@prisma/client";
 
 const prisma = new PrismaClient();
 

backend/src/routes/academicsResearch.routes.js

@@ -1,18 +1,18 @@
-import express from 'express';
+import express from "express";
 import {
 	createAcademicsResearch,
 	getAcademicsResearch,
 	getSingleAcademicsResearch,
 	deleteAcademicsResearch,
-} from '../controllers/academicsResearch.controller.js';
+} from "../controllers/academicsResearch.controller.js";
 
-import jwtAuthMiddleware from '../middleware/auth.js';
+import jwtAuthMiddleware from "../middleware/auth.js";
 
 const router = express.Router();
 
-router.post('/', createAcademicsResearch);
+router.post("/", createAcademicsResearch);
-router.get('/getAll', jwtAuthMiddleware, getAcademicsResearch);
+router.get("/getAll", jwtAuthMiddleware, getAcademicsResearch);
-router.get('/:id', jwtAuthMiddleware, getSingleAcademicsResearch);
+router.get("/:id", jwtAuthMiddleware, getSingleAcademicsResearch);
-router.delete('/:id', jwtAuthMiddleware, deleteAcademicsResearch);
+router.delete("/:id", jwtAuthMiddleware, deleteAcademicsResearch);
 
 export default router;

backend/src/routes/appointment.routes.js

@@ -1,23 +1,23 @@
-import express from 'express';
+import express from "express";
 import {
 	createAppointment,
 	getAppointments,
 	getAppointment,
 	updateAppointment,
 	deleteAppointment,
-} from '../controllers/appointment.controller.js';
+} from "../controllers/appointment.controller.js";
 
-import jwtAuthMiddleware from '../middleware/auth.js';
+import jwtAuthMiddleware from "../middleware/auth.js";
 
 const router = express.Router();
 
 /* PUBLIC */
 
-router.get('/getall', jwtAuthMiddleware, getAppointments);
+router.get("/getall", jwtAuthMiddleware, getAppointments);
-router.post('/', createAppointment);
+router.post("/", createAppointment);
 
-router.get('/:id', jwtAuthMiddleware, getAppointment);
+router.get("/:id", jwtAuthMiddleware, getAppointment);
-router.patch('/:id', jwtAuthMiddleware, updateAppointment);
+router.patch("/:id", jwtAuthMiddleware, updateAppointment);
-router.delete('/:id', jwtAuthMiddleware, deleteAppointment);
+router.delete("/:id", jwtAuthMiddleware, deleteAppointment);
 
 export default router;

backend/src/routes/auth.routes.js

@@ -1,8 +1,8 @@
-import express from 'express';
+import express from "express";
-import { login } from '../controllers/auth.controller.js';
+import { login } from "../controllers/auth.controller.js";
 
 const router = express.Router();
 
-router.post('/login', login);
+router.post("/login", login);
 
 export default router;

backend/src/routes/blog.routes.js

@@ -1,4 +1,4 @@
-import express from 'express';
+import express from "express";
 import {
 	createBlog,
 	getBlogs,
@@ -7,25 +7,25 @@ import {
 	deleteBlog,
 	getAllBlogs,
 	getBlogForAdmin,
-} from '../controllers/blog.controller.js';
+} from "../controllers/blog.controller.js";
 
-import jwtAuthMiddleware from '../middleware/auth.js';
+import jwtAuthMiddleware from "../middleware/auth.js";
 
 const router = express.Router();
 
 /* PUBLIC */
 
-router.get('/', getBlogs);
+router.get("/", getBlogs);
-router.get('/:slug', getBlog);
+router.get("/:slug", getBlog);
 
 // Protected
 
-router.get('/admin/all', jwtAuthMiddleware, getAllBlogs);
+router.get("/admin/all", jwtAuthMiddleware, getAllBlogs);
 
-router.get('/admin/:id', jwtAuthMiddleware, getBlogForAdmin);
+router.get("/admin/:id", jwtAuthMiddleware, getBlogForAdmin);
 
-router.post('/', jwtAuthMiddleware, createBlog);
+router.post("/", jwtAuthMiddleware, createBlog);
-router.put('/:id', jwtAuthMiddleware, updateBlog);
+router.put("/:id", jwtAuthMiddleware, updateBlog);
-router.delete('/:id', jwtAuthMiddleware, deleteBlog);
+router.delete("/:id", jwtAuthMiddleware, deleteBlog);
 
 export default router;

backend/src/routes/candidate.routes.js

@@ -1,4 +1,4 @@
-import express from 'express';
+import express from "express";
 import {
 	createCandidate,
 	getCandidates,
@@ -6,20 +6,20 @@ import {
 	getCandidatesByCareer,
 	updateCandidate,
 	deleteCandidate,
-} from '../controllers/candidate.controller.js';
+} from "../controllers/candidate.controller.js";
 
-import jwtAuthMiddleware from '../middleware/auth.js';
+import jwtAuthMiddleware from "../middleware/auth.js";
 
 const router = express.Router();
 
 /* PUBLIC */
-router.post('/', createCandidate);
+router.post("/", createCandidate);
 
-router.get('/getAll', jwtAuthMiddleware, getCandidates);
+router.get("/getAll", jwtAuthMiddleware, getCandidates);
-router.get('/:id', jwtAuthMiddleware, getCandidate);
+router.get("/:id", jwtAuthMiddleware, getCandidate);
-router.get('/career/:careerId', jwtAuthMiddleware, getCandidatesByCareer);
+router.get("/career/:careerId", jwtAuthMiddleware, getCandidatesByCareer);
 
-router.patch('/:id', jwtAuthMiddleware, updateCandidate);
+router.patch("/:id", jwtAuthMiddleware, updateCandidate);
-router.delete('/:id', jwtAuthMiddleware, deleteCandidate);
+router.delete("/:id", jwtAuthMiddleware, deleteCandidate);
 
 export default router;

backend/src/routes/career.routes.js

@@ -1,14 +1,19 @@
-import express from 'express';
+import express from "express";
-import { getAllCareers, createCareer, updateCareer, deleteCareer } from '../controllers/career.controller.js';
+import {
+	getAllCareers,
+	createCareer,
+	updateCareer,
+	deleteCareer,
+} from "../controllers/career.controller.js";
 
-import jwtAuthMiddleware from '../middleware/auth.js';
+import jwtAuthMiddleware from "../middleware/auth.js";
 
 const router = express.Router();
 
-router.get('/getAll', getAllCareers);
+router.get("/getAll", getAllCareers);
 
-router.post('/', jwtAuthMiddleware, createCareer);
+router.post("/", jwtAuthMiddleware, createCareer);
-router.patch('/:id', jwtAuthMiddleware, updateCareer);
+router.patch("/:id", jwtAuthMiddleware, updateCareer);
-router.delete('/:id', jwtAuthMiddleware, deleteCareer);
+router.delete("/:id", jwtAuthMiddleware, deleteCareer);
 
 export default router;

backend/src/routes/department.routes.js

@@ -1,22 +1,22 @@
-import express from 'express';
+import express from "express";
 import {
 	getAllDepartments,
 	getDepartmentByName,
 	createDepartment,
 	updateDepartment,
 	deleteDepartment,
-} from '../controllers/department.controller.js';
+} from "../controllers/department.controller.js";
-import jwtAuthMiddleware from '../middleware/auth.js';
+import jwtAuthMiddleware from "../middleware/auth.js";
 
 const router = express.Router();
 
 // Public
-router.get('/getAll', getAllDepartments);
+router.get("/getAll", getAllDepartments);
-router.get('/search', getDepartmentByName);
+router.get("/search", getDepartmentByName);
 
 // Protected
-router.post('/', jwtAuthMiddleware, createDepartment);
+router.post("/", jwtAuthMiddleware, createDepartment);
-router.put('/:departmentId', jwtAuthMiddleware, updateDepartment);
+router.put("/:departmentId", jwtAuthMiddleware, updateDepartment);
-router.delete('/:departmentId', jwtAuthMiddleware, deleteDepartment);
+router.delete("/:departmentId", jwtAuthMiddleware, deleteDepartment);
 
 export default router;

backend/src/routes/doctor.routes.js

@@ -1,4 +1,4 @@
-import express from 'express';
+import express from "express";
 import {
 	getAllDoctors,
 	createDoctor,
@@ -8,20 +8,20 @@ import {
 	getDoctorTimingById,
 	getDoctorByDoctorId,
 	getDoctorsByDepartmentId,
-} from '../controllers/doctor.controller.js';
+} from "../controllers/doctor.controller.js";
 
-import jwtAuthMiddleware from '../middleware/auth.js';
+import jwtAuthMiddleware from "../middleware/auth.js";
 
 const router = express.Router();
 
-router.get('/getAll', getAllDoctors);
+router.get("/getAll", getAllDoctors);
-router.get('/search', getDoctorsByDepartmentId);
+router.get("/search", getDoctorsByDepartmentId);
-router.get('/getTimings', getDoctorTimings);
+router.get("/getTimings", getDoctorTimings);
-router.get('/getTimings/:doctorId', getDoctorTimingById);
+router.get("/getTimings/:doctorId", getDoctorTimingById);
-router.get('/:doctorId', getDoctorByDoctorId);
+router.get("/:doctorId", getDoctorByDoctorId);
 
-router.post('/', jwtAuthMiddleware, createDoctor);
+router.post("/", jwtAuthMiddleware, createDoctor);
-router.patch('/:doctorId/:action', jwtAuthMiddleware, updateDoctor);
+router.patch("/:doctorId/:action", jwtAuthMiddleware, updateDoctor);
-router.delete('/:doctorId', jwtAuthMiddleware, deleteDoctor);
+router.delete("/:doctorId", jwtAuthMiddleware, deleteDoctor);
 
 export default router;

backend/src/routes/emailConfig.routes.js

@@ -1,19 +1,19 @@
-import express from 'express';
+import express from "express";
 import {
 	getEmailConfigs,
 	createEmailConfig,
 	updateEmailConfig,
 	deleteEmailConfig,
-} from '../controllers/emailConfig.controller.js';
+} from "../controllers/emailConfig.controller.js";
 
-import jwtAuthMiddleware from '../middleware/auth.js';
+import jwtAuthMiddleware from "../middleware/auth.js";
 
 const router = express.Router();
 
-router.get('/getAll', getEmailConfigs);
+router.get("/getAll", getEmailConfigs);
 
-router.post('/', jwtAuthMiddleware, createEmailConfig);
+router.post("/", jwtAuthMiddleware, createEmailConfig);
-router.patch('/:id', jwtAuthMiddleware, updateEmailConfig);
+router.patch("/:id", jwtAuthMiddleware, updateEmailConfig);
-router.delete('/:id', jwtAuthMiddleware, deleteEmailConfig);
+router.delete("/:id", jwtAuthMiddleware, deleteEmailConfig);
 
 export default router;

backend/src/routes/healthCheck.route.js

@@ -1,4 +1,4 @@
-import express from 'express';
+import express from "express";
 import {
 	// Categories
 	getAllCategories,
@@ -16,24 +16,24 @@ import {
 	// Inquiries
 	createPackageInquiry,
 	getAllInquiries,
-} from '../controllers/healthCheck.controller.js';
+} from "../controllers/healthCheck.controller.js";
 
-import jwtAuthMiddleware from '../middleware/auth.js';
+import jwtAuthMiddleware from "../middleware/auth.js";
 
 const router = express.Router();
 
-router.get('/packages', getAllPackages);
+router.get("/packages", getAllPackages);
-router.get('/packages/:slug', getPackageBySlug);
+router.get("/packages/:slug", getPackageBySlug);
-router.get('/categories', getAllCategories);
+router.get("/categories", getAllCategories);
-router.post('/inquiry', createPackageInquiry);
+router.post("/inquiry", createPackageInquiry);
 
-router.get('/inquiries', jwtAuthMiddleware, getAllInquiries);
+router.get("/inquiries", jwtAuthMiddleware, getAllInquiries);
-router.post('/', jwtAuthMiddleware, createPackage);
+router.post("/", jwtAuthMiddleware, createPackage);
-router.patch('/:id', jwtAuthMiddleware, updatePackage);
+router.patch("/:id", jwtAuthMiddleware, updatePackage);
-router.delete('/:id', jwtAuthMiddleware, deletePackage);
+router.delete("/:id", jwtAuthMiddleware, deletePackage);
 
-router.post('/categories', jwtAuthMiddleware, createCategory);
+router.post("/categories", jwtAuthMiddleware, createCategory);
-router.patch('/categories/:id', jwtAuthMiddleware, updateCategory);
+router.patch("/categories/:id", jwtAuthMiddleware, updateCategory);
-router.delete('/categories/:id', jwtAuthMiddleware, deleteCategory);
+router.delete("/categories/:id", jwtAuthMiddleware, deleteCategory);
 
 export default router;

backend/src/routes/importRoutes.js

@@ -1,9 +1,9 @@
-import express from 'express';
+import express from "express";
-import { bulkImportExcelData } from '../controllers/importController.js';
+import { bulkImportExcelData } from "../controllers/importController.js";
-import jwtAuthMiddleware from '../middleware/auth.js';
+import jwtAuthMiddleware from "../middleware/auth.js";
 
 const router = express.Router();
 
-router.post('/bulk', jwtAuthMiddleware, bulkImportExcelData);
+router.post("/bulk", jwtAuthMiddleware, bulkImportExcelData);
 
 export default router;

backend/src/routes/inquiry.routes.js

@@ -1,14 +1,19 @@
-import express from 'express';
+import express from "express";
-import { createInquiry, getInquiries, getInquiry, deleteInquiry } from '../controllers/inquiry.controller.js';
+import {
+	createInquiry,
+	getInquiries,
+	getInquiry,
+	deleteInquiry,
+} from "../controllers/inquiry.controller.js";
 
-import jwtAuthMiddleware from '../middleware/auth.js';
+import jwtAuthMiddleware from "../middleware/auth.js";
 
 const router = express.Router();
 
-router.post('/', createInquiry);
+router.post("/", createInquiry);
 
-router.get('/getAll', jwtAuthMiddleware, getInquiries);
+router.get("/getAll", jwtAuthMiddleware, getInquiries);
-router.get('/:id', jwtAuthMiddleware, getInquiry);
+router.get("/:id", jwtAuthMiddleware, getInquiry);
-router.delete('/:id', jwtAuthMiddleware, deleteInquiry);
+router.delete("/:id", jwtAuthMiddleware, deleteInquiry);
 
 export default router;

backend/src/routes/newsMedia.routes.js

@@ -1,17 +1,23 @@
-import express from 'express';
+import express from "express";
-import { createNews, getAllNews, getNewsById, updateNews, deleteNews } from '../controllers/newsMedia.controller.js';
+import {
+	createNews,
+	getAllNews,
+	getNewsById,
+	updateNews,
+	deleteNews,
+} from "../controllers/newsMedia.controller.js";
 
-import jwtAuthMiddleware from '../middleware/auth.js';
+import jwtAuthMiddleware from "../middleware/auth.js";
 
 const router = express.Router();
 
 // PUBLIC ROUTES
-router.get('/getAll', getAllNews);
+router.get("/getAll", getAllNews);
-router.get('/:id', getNewsById);
+router.get("/:id", getNewsById);
 
 // PROTECTED ROUTES
-router.post('/', jwtAuthMiddleware, createNews);
+router.post("/", jwtAuthMiddleware, createNews);
-router.patch('/:id', jwtAuthMiddleware, updateNews);
+router.patch("/:id", jwtAuthMiddleware, updateNews);
-router.delete('/:id', jwtAuthMiddleware, deleteNews);
+router.delete("/:id", jwtAuthMiddleware, deleteNews);
 
 export default router;

backend/src/routes/upload.routes.js

@@ -1,6 +1,6 @@
-import express from 'express';
+import express from "express";
-import * as Bytescale from '@bytescale/sdk';
+import * as Bytescale from "@bytescale/sdk";
-import multer from 'multer';
+import multer from "multer";
 
 const router = express.Router();
 
@@ -9,26 +9,26 @@ const uploadManager = new Bytescale.UploadManager({
 });
 
 const storage = multer.memoryStorage();
-const upload = multer({ storage });
+const upload = multer({storage});
 
-router.post('/', upload.single('file'), async (req, res) => {
+router.post("/", upload.single("file"), async (req, res) => {
 	try {
 		const file = req.file;
-		const { folderPath } = req.body;
+		const {folderPath} = req.body;
 
 		const result = await uploadManager.upload({
 			data: file.buffer,
 			name: file.originalname,
 			mime: file.mimetype,
 			path: {
-				folderPath: folderPath || '/general',
+				folderPath: folderPath || "/general",
 			},
 		});
 
-		res.json({ fileUrl: result.fileUrl });
+		res.json({fileUrl: result.fileUrl});
 	} catch (error) {
 		console.error(error);
-		res.status(500).json({ error: 'Upload failed' });
+		res.status(500).json({error: "Upload failed"});
 	}
 });
 

backend/src/utils/createUser.js

@@ -1,12 +1,14 @@
-import prisma from '../prisma/client.js';
+import prisma from "../prisma/client.js";
-import { hashPassword } from './password.js';
+import { hashPassword } from "./password.js";
 async function main() {
 	const username = process.argv[2];
 	const password = process.argv[3];
-	const role = process.argv[4] || 'admin';
+	const role = process.argv[4] || "admin";
 
 	if (!username || !password) {
-		console.log('Usage: node scripts/createUser.js <username> <password> [role]');
+		console.log(
+			"Usage: node scripts/createUser.js <username> <password> [role]",
+		);
 		process.exit(1);
 	}
 
@@ -15,7 +17,7 @@ async function main() {
 	});
 
 	if (existingUser) {
-		console.log('User already exists');
+		console.log("User already exists");
 		process.exit(1);
 	}
 
@@ -29,7 +31,7 @@ async function main() {
 		},
 	});
 
-	console.log('User created:', {
+	console.log("User created:", {
 		id: user.id,
 		username: user.username,
 		role: user.role,

backend/src/utils/getEmailByTypes.js

@@ -1,4 +1,4 @@
-import prisma from '../prisma/client.js';
+import prisma from "../prisma/client.js";
 
 export const getEmailsByType = async (type) => {
 	try {
@@ -9,9 +9,9 @@ export const getEmailsByType = async (type) => {
 			},
 		});
 
-		return emails.map((e) => e.email).join(',');
+		return emails.map((e) => e.email).join(",");
 	} catch (error) {
-		console.error('Fetch email config error:', error);
+		console.error("Fetch email config error:", error);
-		return '';
+		return "";
 	}
 };

backend/src/utils/jwt.js

@@ -1,10 +1,10 @@
-import jwt from 'jsonwebtoken';
+import jwt from "jsonwebtoken";
-import 'dotenv/config';
+import "dotenv/config";
 
 const SECRET = process.env.JWT_SECRET;
 
 export function generateToken(payload) {
-	return jwt.sign(payload, SECRET, { expiresIn: '24h' });
+	return jwt.sign(payload, SECRET, {expiresIn: "24h"});
 }
 
 export function verifyToken(token) {

backend/src/utils/password.js

@@ -1,4 +1,4 @@
-import bcrypt from 'bcryptjs';
+import bcrypt from "bcryptjs";
 
 export async function hashPassword(password) {
 	return bcrypt.hash(password, 10);

backend/src/utils/sendEmail.js

@@ -1,18 +1,18 @@
-import postmark from 'postmark';
+import postmark from "postmark";
 
 const client = new postmark.ServerClient(process.env.POSTMARK_API_KEY);
 
-export const sendEmail = async ({ to, subject, html, text }) => {
+export const sendEmail = async ({to, subject, html, text}) => {
 	try {
 		await client.sendEmail({
 			From: process.env.EMAIL_FROM,
 			To: to,
 			Subject: subject,
 			HtmlBody: html,
-			TextBody: text || '',
+			TextBody: text || "",
-			MessageStream: 'outbound',
+			MessageStream: "outbound",
 		});
 	} catch (error) {
-		console.error('Email send error:', error);
+		console.error("Email send error:", error);
 	}
 };

docker-compose.dev.yml

@@ -1,45 +1,45 @@
-version: '3.8'
+version: "3.8"
 
 services:
-  backend:
+ backend:
-    build:
+  build:
-      context: .
+   context: .
-      dockerfile: docker/dev/Dockerfile.main
+   dockerfile: docker/dev/Dockerfile.main
-    ports:
+  ports:
-      - '127.0.0.1:5008:5008'
+   - "127.0.0.1:5008:5008"
-    env_file:
+  env_file:
-      - ./backend/.env
+   - ./backend/.env
-    depends_on:
+  depends_on:
-      db:
+   db:
-        condition: service_healthy
+    condition: service_healthy
-    restart: unless-stopped
+  restart: unless-stopped
 
-  frontend:
+ frontend:
-    build:
+  build:
-      context: .
+   context: .
-      dockerfile: docker/dev/Dockerfile.frontend
+   dockerfile: docker/dev/Dockerfile.frontend
-    ports:
+  ports:
-      - '127.0.0.1:3008:3000'
+   - "127.0.0.1:3008:3000"
-    env_file:
+  env_file:
-      - ./frontend/.env
+   - ./frontend/.env
-    restart: unless-stopped
+  restart: unless-stopped
 
-  db:
+ db:
-    image: postgres:16-alpine
+  image: postgres:16-alpine
-    environment:
+  environment:
-      - POSTGRES_USER=${POSTGRES_USER}
+   - POSTGRES_USER=${POSTGRES_USER}
-      - POSTGRES_PASSWORD=${POSTGRES_PASSWORD}
+   - POSTGRES_PASSWORD=${POSTGRES_PASSWORD}
-      - POSTGRES_DB=${POSTGRES_DB}
+   - POSTGRES_DB=${POSTGRES_DB}
-    volumes:
+  volumes:
-      - postgres_data:/var/lib/postgresql/data
+   - postgres_data:/var/lib/postgresql/data
-    healthcheck:
+  healthcheck:
-      test: ['CMD-SHELL', 'pg_isready -U $$POSTGRES_USER -d $$POSTGRES_DB']
+   test: ["CMD-SHELL", "pg_isready -U $$POSTGRES_USER -d $$POSTGRES_DB"]
-      interval: 5s
+   interval: 5s
-      timeout: 5s
+   timeout: 5s
-      retries: 5
+   retries: 5
-    restart: unless-stopped
+  restart: unless-stopped
 
 volumes:
-  postgres_data:
+ postgres_data:
-    external: true
+  external: true
-    name: gg-backend_postgres_data
+  name: gg-backend_postgres_data

docker-compose.prod.yml

@@ -1,41 +1,41 @@
 services:
-  backend:
+ backend:
-    build:
+  build:
-      context: .
+   context: .
-      dockerfile: docker/dev/Dockerfile.main
+   dockerfile: docker/dev/Dockerfile.main
-    ports:
+  ports:
-      - '127.0.0.1:5008:5008'
+   - "127.0.0.1:5008:5008"
-    env_file:
+  env_file:
-      - ./backend/.env
+   - ./backend/.env
-    depends_on:
+  depends_on:
-      db:
+   db:
-        condition: service_healthy
+    condition: service_healthy
-    restart: always
+  restart: always
 
-  frontend:
+ frontend:
-    build:
+  build:
-      context: .
+   context: .
-      dockerfile: docker/dev/Dockerfile.frontend
+   dockerfile: docker/dev/Dockerfile.frontend
-    ports:
+  ports:
-      - '127.0.0.1:3008:3000'
+   - "127.0.0.1:3008:3000"
-    env_file:
+  env_file:
-      - ./frontend/.env
+   - ./frontend/.env
-    restart: always
+  restart: always
 
-  db:
+ db:
-    image: postgres:16-alpine
+  image: postgres:16-alpine
-    environment:
+  environment:
-      - POSTGRES_USER=${POSTGRES_USER}
+   - POSTGRES_USER=${POSTGRES_USER}
-      - POSTGRES_PASSWORD=${POSTGRES_PASSWORD}
+   - POSTGRES_PASSWORD=${POSTGRES_PASSWORD}
-      - POSTGRES_DB=${POSTGRES_DB}
+   - POSTGRES_DB=${POSTGRES_DB}
-    volumes:
+  volumes:
-      - postgres_data:/var/lib/postgresql/data
+   - postgres_data:/var/lib/postgresql/data
-    healthcheck:
+  healthcheck:
-      test: ['CMD-SHELL', 'pg_isready -U $$POSTGRES_USER -d $$POSTGRES_DB']
+   test: ["CMD-SHELL", "pg_isready -U $$POSTGRES_USER -d $$POSTGRES_DB"]
-      interval: 5s
+   interval: 5s
-      timeout: 5s
+   timeout: 5s
-      retries: 5
+   retries: 5
-    restart: always
+  restart: always
 
 volumes:
-  postgres_data:
+ postgres_data:

frontend/components.json

@@ -1,25 +1,25 @@
 {
-	"$schema": "https://ui.shadcn.com/schema.json",
+  "$schema": "https://ui.shadcn.com/schema.json",
-	"style": "radix-nova",
+  "style": "radix-nova",
-	"rsc": false,
+  "rsc": false,
-	"tsx": true,
+  "tsx": true,
-	"tailwind": {
+  "tailwind": {
-		"config": "tailwind.config.js",
+    "config": "tailwind.config.js",
-		"css": "src/index.css",
+    "css": "src/index.css",
-		"baseColor": "neutral",
+    "baseColor": "neutral",
-		"cssVariables": true,
+    "cssVariables": true,
-		"prefix": ""
+    "prefix": ""
-	},
+  },
-	"iconLibrary": "lucide",
+  "iconLibrary": "lucide",
-	"rtl": false,
+  "rtl": false,
-	"aliases": {
+  "aliases": {
-		"components": "@/components",
+    "components": "@/components",
-		"utils": "@/lib/utils",
+    "utils": "@/lib/utils",
-		"ui": "@/components/ui",
+    "ui": "@/components/ui",
-		"lib": "@/lib",
+    "lib": "@/lib",
-		"hooks": "@/hooks"
+    "hooks": "@/hooks"
-	},
+  },
-	"menuColor": "default",
+  "menuColor": "default",
-	"menuAccent": "subtle",
+  "menuAccent": "subtle",
-	"registries": {}
+  "registries": {}
 }

frontend/eslint.config.js

@@ -1,23 +1,23 @@
-import js from '@eslint/js';
+import js from '@eslint/js'
-import globals from 'globals';
+import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks';
+import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh';
+import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint';
+import tseslint from 'typescript-eslint'
-import { defineConfig, globalIgnores } from 'eslint/config';
+import { defineConfig, globalIgnores } from 'eslint/config'
 
 export default defineConfig([
-	globalIgnores(['dist']),
+  globalIgnores(['dist']),
-	{
+  {
-		files: ['**/*.{ts,tsx}'],
+    files: ['**/*.{ts,tsx}'],
-		extends: [
+    extends: [
-			js.configs.recommended,
+      js.configs.recommended,
-			tseslint.configs.recommended,
+      tseslint.configs.recommended,
-			reactHooks.configs.flat.recommended,
+      reactHooks.configs.flat.recommended,
-			reactRefresh.configs.vite,
+      reactRefresh.configs.vite,
-		],
+    ],
-		languageOptions: {
+    languageOptions: {
-			ecmaVersion: 2020,
+      ecmaVersion: 2020,
-			globals: globals.browser,
+      globals: globals.browser,
-		},
+    },
-	},
+  },
-]);
+])

frontend/package.json

@@ -1,59 +1,59 @@
 {
-	"name": "frontend",
+  "name": "frontend",
-	"private": true,
+  "private": true,
-	"version": "0.0.0",
+  "version": "0.0.0",
-	"type": "module",
+  "type": "module",
-	"scripts": {
+  "scripts": {
-		"dev": "vite",
+    "dev": "vite",
-		"build": "tsc -b && vite build",
+    "build": "tsc -b && vite build",
-		"lint": "eslint .",
+    "lint": "eslint .",
-		"preview": "vite preview"
+    "preview": "vite preview"
-	},
+  },
-	"dependencies": {
+  "dependencies": {
-		"@editorjs/code": "^2.9.4",
+    "@editorjs/code": "^2.9.4",
-		"@editorjs/delimiter": "^1.4.2",
+    "@editorjs/delimiter": "^1.4.2",
-		"@editorjs/editorjs": "^2.31.5",
+    "@editorjs/editorjs": "^2.31.5",
-		"@editorjs/embed": "^2.8.0",
+    "@editorjs/embed": "^2.8.0",
-		"@editorjs/header": "^2.8.8",
+    "@editorjs/header": "^2.8.8",
-		"@editorjs/image": "^2.10.3",
+    "@editorjs/image": "^2.10.3",
-		"@editorjs/list": "^2.0.9",
+    "@editorjs/list": "^2.0.9",
-		"@editorjs/quote": "^2.7.6",
+    "@editorjs/quote": "^2.7.6",
-		"@editorjs/table": "^2.4.5",
+    "@editorjs/table": "^2.4.5",
-		"@fontsource-variable/geist": "^5.2.8",
+    "@fontsource-variable/geist": "^5.2.8",
-		"@tailwindcss/postcss": "^4.2.1",
+    "@tailwindcss/postcss": "^4.2.1",
-		"axios": "^1.13.6",
+    "axios": "^1.13.6",
-		"class-variance-authority": "^0.7.1",
+    "class-variance-authority": "^0.7.1",
-		"clsx": "^2.1.1",
+    "clsx": "^2.1.1",
-		"cmdk": "^1.1.1",
+    "cmdk": "^1.1.1",
-		"file-saver": "^2.0.5",
+    "file-saver": "^2.0.5",
-		"lucide-react": "^0.577.0",
+    "lucide-react": "^0.577.0",
-		"radix-ui": "^1.4.3",
+    "radix-ui": "^1.4.3",
-		"react": "^19.2.0",
+    "react": "^19.2.0",
-		"react-dom": "^19.2.0",
+    "react-dom": "^19.2.0",
-		"react-hot-toast": "^2.6.0",
+    "react-hot-toast": "^2.6.0",
-		"react-router-dom": "^7.13.1",
+    "react-router-dom": "^7.13.1",
-		"shadcn": "^4.0.5",
+    "shadcn": "^4.0.5",
-		"tailwind-merge": "^3.5.0",
+    "tailwind-merge": "^3.5.0",
-		"tailwindcss": "^4.2.1",
+    "tailwindcss": "^4.2.1",
-		"tailwindcss-animate": "^1.0.7",
+    "tailwindcss-animate": "^1.0.7",
-		"tw-animate-css": "^1.4.0",
+    "tw-animate-css": "^1.4.0",
-		"xlsx": "^0.18.5"
+    "xlsx": "^0.18.5"
-	},
+  },
-	"devDependencies": {
+  "devDependencies": {
-		"@eslint/js": "^9.39.1",
+    "@eslint/js": "^9.39.1",
-		"@types/estree": "^1.0.8",
+    "@types/estree": "^1.0.8",
-		"@types/json-schema": "^7.0.15",
+    "@types/json-schema": "^7.0.15",
-		"@types/node": "^24.12.0",
+    "@types/node": "^24.12.0",
-		"@types/react": "^19.2.7",
+    "@types/react": "^19.2.7",
-		"@types/react-dom": "^19.2.3",
+    "@types/react-dom": "^19.2.3",
-		"@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^5.1.4",
-		"eslint": "^9.39.1",
+    "eslint": "^9.39.1",
-		"eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
-		"eslint-plugin-react-refresh": "^0.4.24",
+    "eslint-plugin-react-refresh": "^0.4.24",
-		"globals": "^16.5.0",
+    "globals": "^16.5.0",
-		"postcss": "^8.5.8",
+    "postcss": "^8.5.8",
-		"typescript": "~5.9.3",
+    "typescript": "~5.9.3",
-		"typescript-eslint": "^8.48.0",
+    "typescript-eslint": "^8.48.0",
-		"vite": "^7.3.1"
+    "vite": "^7.3.1"
-	}
+  }
 }

frontend/postcss.config.js

@@ -1,5 +1,5 @@
 export default {
 	plugins: {
-		'@tailwindcss/postcss': {},
+		"@tailwindcss/postcss": {},
 	},
 };

frontend/src/App.tsx

@@ -1,29 +1,29 @@
-import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
+import {BrowserRouter, Routes, Route, Navigate} from "react-router-dom";
-import { Toaster } from 'react-hot-toast';
+import {Toaster} from "react-hot-toast";
 
-import Login from '@/pages/Login';
+import Login from "@/pages/Login";
 
-import DashboardLayout from './layouts/DashboardLayout';
+import DashboardLayout from "./layouts/DashboardLayout";
 
 // import ProtectedRoute from "./components/ProtectedRoutes/ProtectedRoutes";
 
-import ProtectedRoute from './auth/ProtectedRoute';
+import ProtectedRoute from "./auth/ProtectedRoute";
-import PublicRoute from './auth/PublicRoute';
+import PublicRoute from "./auth/PublicRoute";
-import { AuthProvider } from './context/AuthContext';
+import {AuthProvider} from "./context/AuthContext";
-import Department from './pages/Department';
+import Department from "./pages/Department";
-import Doctor from './pages/Doctor';
+import Doctor from "./pages/Doctor";
-import Blog from './pages/Blog';
+import Blog from "./pages/Blog";
-import BlogEditorPage from './pages/BlogEditor';
+import BlogEditorPage from "./pages/BlogEditor";
-import Appointment from './pages/Appointment';
+import Appointment from "./pages/Appointment";
-import EmailPage from './pages/email';
+import EmailPage from "./pages/email";
-import CareerPage from './pages/Career';
+import CareerPage from "./pages/Career";
-import CandidatePage from './pages/candidates';
+import CandidatePage from "./pages/candidates";
-import InquiryPage from './pages/inquiry';
+import InquiryPage from "./pages/inquiry";
-import AcademicsPage from './pages/Academics';
+import AcademicsPage from "./pages/Academics";
-import NewsPage from './pages/newsMedia';
+import NewsPage from "./pages/newsMedia";
-import BlogDetail from './pages/BlogDetails';
+import BlogDetail from "./pages/BlogDetails";
-import ImportData from './pages/ImportData';
+import ImportData from "./pages/ImportData";
-import HealthPackagePage from './pages/HealthPackagePage';
+import HealthPackagePage from "./pages/HealthPackagePage";
 
 export default function App() {
 	return (

frontend/src/api/academics.ts

@@ -1,7 +1,7 @@
-import apiClient from '@/api/client';
+import apiClient from "@/api/client";
 
 export const getAcademicsApi = async () => {
-	const res = await apiClient.get('/academics/getAll');
+	const res = await apiClient.get("/academics/getAll");
 	return res.data;
 };
 

frontend/src/api/appointment.ts

@@ -1,12 +1,12 @@
-import apiClient from '@/api/client';
+import apiClient from "@/api/client";
 
 export const getAppointmentsApi = async (
 	page = 1,
 	limit = 10,
-	date = '',
+	date = "",
-	startDate = '',
+	startDate = "",
-	endDate = '',
+	endDate = "",
-	search = ''
+	search = "",
 ) => {
 	const params = new URLSearchParams({
 		page: String(page),

frontend/src/api/auth.ts

@@ -1,7 +1,10 @@
-import apiClient from './client';
+import apiClient from "./client";
 
-export const loginApi = async (username: string, password: string): Promise<any> => {
+export const loginApi = async (
-	const response = await apiClient.post('/auth/login/', {
+	username: string,
+	password: string,
+): Promise<any> => {
+	const response = await apiClient.post("/auth/login/", {
 		username,
 		password,
 	});

frontend/src/api/blog.ts

@@ -1,4 +1,4 @@
-import apiClient from '@/api/client';
+import apiClient from "@/api/client";
 
 export interface Blog {
 	id?: number;
@@ -9,7 +9,7 @@ export interface Blog {
 }
 
 export const getAllBlogsApi = async () => {
-	const res = await apiClient.get('/blogs');
+	const res = await apiClient.get("/blogs");
 	return res.data;
 };
 
@@ -19,7 +19,7 @@ export const getBlogByIdApi = async (id: number) => {
 };
 
 export const createBlogApi = async (data: Blog) => {
-	const res = await apiClient.post('/blogs', data);
+	const res = await apiClient.post("/blogs", data);
 	return res.data;
 };
 
@@ -36,11 +36,11 @@ export const deleteBlogApi = async (id: number) => {
 /* IMAGE UPLOAD */
 export const uploadImageApi = async (file: File) => {
 	const formData = new FormData();
-	formData.append('image', file);
+	formData.append("image", file);
 
-	const res = await apiClient.post('/upload/image', formData, {
+	const res = await apiClient.post("/upload/image", formData, {
 		headers: {
-			'Content-Type': 'multipart/form-data',
+			"Content-Type": "multipart/form-data",
 		},
 	});
 

frontend/src/api/candidates.ts

@@ -1,7 +1,7 @@
-import apiClient from '@/api/client';
+import apiClient from "@/api/client";
 
 export const getCandidatesApi = async () => {
-	const res = await apiClient.get('/candidates/getAll');
+	const res = await apiClient.get("/candidates/getAll");
 	return res.data;
 };
 

frontend/src/api/career.ts

@@ -1,20 +1,20 @@
-import apiClient from '@/api/client';
+import apiClient from "@/api/client";
-import toast from 'react-hot-toast';
+import toast from "react-hot-toast";
 
 export const getCareersApi = async () => {
-	const res = await apiClient.get('/careers/getAll?admin=true');
+	const res = await apiClient.get("/careers/getAll?admin=true");
 	return res.data;
 };
 
 export const createCareerApi = async (data: any) => {
 	try {
-		const res = await apiClient.post('/careers', data);
+		const res = await apiClient.post("/careers", data);
 
-		toast.success('Career created successfully');
+		toast.success("Career created successfully");
 
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to create career');
+		toast.error(error?.response?.data?.message || "Failed to create career");
 
 		throw error;
 	}
@@ -24,11 +24,11 @@ export const updateCareerApi = async (id: number, data: any) => {
 	try {
 		const res = await apiClient.patch(`/careers/${id}`, data);
 
-		toast.success('Career updated successfully');
+		toast.success("Career updated successfully");
 
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to update career');
+		toast.error(error?.response?.data?.message || "Failed to update career");
 
 		throw error;
 	}
@@ -38,11 +38,11 @@ export const deleteCareerApi = async (id: number) => {
 	try {
 		const res = await apiClient.delete(`/careers/${id}`);
 
-		toast.success('Career deleted successfully');
+		toast.success("Career deleted successfully");
 
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to delete career');
+		toast.error(error?.response?.data?.message || "Failed to delete career");
 
 		throw error;
 	}

frontend/src/api/client.ts

@@ -1,48 +1,48 @@
-import axios from 'axios';
+import axios from "axios";
-import type { InternalAxiosRequestConfig } from 'axios';
+import type {InternalAxiosRequestConfig} from "axios";
 
 const baseURL: string = import.meta.env.VITE_API_URL;
 
 const apiClient = axios.create({
 	baseURL: baseURL,
 	headers: {
-		'Content-Type': 'application/json',
+		"Content-Type": "application/json",
 	},
 });
 
 export const setAxiosAuthToken = (token: string | null): void => {
 	if (token) {
-		apiClient.defaults.headers.common['Authorization'] = `Bearer ${token}`;
+		apiClient.defaults.headers.common["Authorization"] = `Bearer ${token}`;
 	} else {
-		delete apiClient.defaults.headers.common['Authorization'];
+		delete apiClient.defaults.headers.common["Authorization"];
 	}
 };
 
 apiClient.interceptors.request.use(
 	(config: InternalAxiosRequestConfig) => {
-		const token = localStorage.getItem('token');
+		const token = localStorage.getItem("token");
 
 		if (token && config.headers) {
-			config.headers['Authorization'] = `Bearer ${token}`;
+			config.headers["Authorization"] = `Bearer ${token}`;
 		}
 
 		return config;
 	},
-	(error: any) => Promise.reject(error)
+	(error: any) => Promise.reject(error),
 );
 
 apiClient.interceptors.response.use(
 	(response) => response,
 	async (error) => {
 		if (error.response?.status === 401) {
-			console.error('Unauthorized - token missing or invalid');
+			console.error("Unauthorized - token missing or invalid");
 
-			localStorage.removeItem('token');
+			localStorage.removeItem("token");
-			window.location.href = '/login';
+			window.location.href = "/login";
 		}
 
 		return Promise.reject(error);
-	}
+	},
 );
 
 export default apiClient;

frontend/src/api/department.ts

@@ -1,5 +1,5 @@
-import apiClient from '@/api/client';
+import apiClient from "@/api/client";
-import toast from 'react-hot-toast';
+import toast from "react-hot-toast";
 
 export interface Department {
 	departmentId: string;
@@ -15,7 +15,7 @@ export interface Department {
 }
 
 export const getDepartmentsApi = async () => {
-	const res = await apiClient.get('/departments/getAll?admin=true');
+	const res = await apiClient.get("/departments/getAll?admin=true");
 	return res.data;
 };
 
@@ -29,13 +29,15 @@ export const createDepartmentApi = async (data: {
 	services?: string;
 }) => {
 	try {
-		const res = await apiClient.post('/departments', data);
+		const res = await apiClient.post("/departments", data);
 
-		toast.success('Department created successfully');
+		toast.success("Department created successfully");
 
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to create department');
+		toast.error(
+			error?.response?.data?.message || "Failed to create department",
+		);
 
 		throw error;
 	}
@@ -50,16 +52,18 @@ export const updateDepartmentApi = async (
 		para3?: string;
 		facilities?: string;
 		services?: string;
-	}
+	},
 ) => {
 	try {
 		const res = await apiClient.put(`/departments/${departmentId}`, data);
 
-		toast.success('Department updated successfully');
+		toast.success("Department updated successfully");
 
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to update department');
+		toast.error(
+			error?.response?.data?.message || "Failed to update department",
+		);
 
 		throw error;
 	}
@@ -69,11 +73,13 @@ export const deleteDepartmentApi = async (departmentId: string) => {
 	try {
 		const res = await apiClient.delete(`/departments/${departmentId}`);
 
-		toast.success('Department deleted successfully');
+		toast.success("Department deleted successfully");
 
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to delete department');
+		toast.error(
+			error?.response?.data?.message || "Failed to delete department",
+		);
 
 		throw error;
 	}

frontend/src/api/doctor.ts

@@ -1,5 +1,5 @@
-import apiClient from '@/api/client';
+import apiClient from "@/api/client";
-import toast from 'react-hot-toast';
+import toast from "react-hot-toast";
 
 export interface Doctor {
 	doctorId: string;
@@ -27,7 +27,7 @@ export interface Doctor {
 }
 
 export const getDoctorsApi = async () => {
-	const res = await apiClient.get('/doctors/getAll?admin=true');
+	const res = await apiClient.get("/doctors/getAll?admin=true");
 	return res.data;
 };
 
@@ -38,13 +38,13 @@ export const getDoctorByIdApi = async (doctorId: string) => {
 
 export const createDoctorApi = async (data: Doctor) => {
 	try {
-		const res = await apiClient.post('/doctors', data);
+		const res = await apiClient.post("/doctors", data);
 
-		toast.success('Doctor created successfully');
+		toast.success("Doctor created successfully");
 
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to create doctor');
+		toast.error(error?.response?.data?.message || "Failed to create doctor");
 
 		throw error;
 	}
@@ -53,16 +53,16 @@ export const createDoctorApi = async (data: Doctor) => {
 export const updateDoctorApi = async (
 	doctorId: string,
 	data: Partial<Doctor>,
-	action: 'toggleStatus' | 'updateDetails' = 'updateDetails'
+	action: "toggleStatus" | "updateDetails" = "updateDetails",
 ) => {
 	try {
 		const res = await apiClient.patch(`/doctors/${doctorId}/${action}`, data);
 
-		toast.success('Doctor updated successfully');
+		toast.success("Doctor updated successfully");
 
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to update doctor');
+		toast.error(error?.response?.data?.message || "Failed to update doctor");
 
 		throw error;
 	}
@@ -72,11 +72,11 @@ export const deleteDoctorApi = async (doctorId: string) => {
 	try {
 		const res = await apiClient.delete(`/doctors/${doctorId}`);
 
-		toast.success('Doctor deleted successfully');
+		toast.success("Doctor deleted successfully");
 
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to delete doctor');
+		toast.error(error?.response?.data?.message || "Failed to delete doctor");
 
 		throw error;
 	}

frontend/src/api/email.ts

@@ -1,4 +1,4 @@
-import apiClient from '@/api/client';
+import apiClient from "@/api/client";
 
 export interface EmailConfig {
 	id?: number;
@@ -10,18 +10,21 @@ export interface EmailConfig {
 
 // GET ALL
 export const getEmailConfigsApi = async () => {
-	const res = await apiClient.get('/email/getAll');
+	const res = await apiClient.get("/email/getAll");
 	return res.data;
 };
 
 // CREATE
 export const createEmailConfigApi = async (data: EmailConfig) => {
-	const res = await apiClient.post('/email', data);
+	const res = await apiClient.post("/email", data);
 	return res.data;
 };
 
 // UPDATE
-export const updateEmailConfigApi = async (id: number, data: Partial<EmailConfig>) => {
+export const updateEmailConfigApi = async (
+	id: number,
+	data: Partial<EmailConfig>,
+) => {
 	const res = await apiClient.patch(`/email/${id}`, data);
 	return res.data;
 };

frontend/src/api/healthCheck.ts

@@ -1,15 +1,6 @@
-import apiClient from '@/api/client';
+import apiClient from "@/api/client";
-import toast from 'react-hot-toast';
+import toast from "react-hot-toast";
 
-export interface SeoData {
-	seoTitle?: string;
-	metaDescription?: string;
-	focusKeyphrase?: string;
-	tags?: string[];
-	ogTitle?: string;
-	ogDescription?: string;
-	ogImage?: string;
-}
 export interface HealthPackage {
 	id?: number;
 	name: string;
@@ -23,7 +14,6 @@ export interface HealthPackage {
 	isActive: boolean;
 	isFeatured: boolean;
 	sortOrder: number;
-	seo?: SeoData | null;
 	category?: {
 		name: string;
 	};
@@ -56,33 +46,36 @@ export interface HealthInquiry {
 }
 
 export const getHealthCategoriesApi = async () => {
-	const res = await apiClient.get('/health-check/categories?admin=true');
+	const res = await apiClient.get("/health-check/categories?admin=true");
 	return res.data;
 };
 
 export const getHealthPackagesApi = async () => {
-	const res = await apiClient.get('/health-check/packages?admin=true');
+	const res = await apiClient.get("/health-check/packages?admin=true");
 	return res.data;
 };
 
 export const createHealthPackageApi = async (data: Partial<HealthPackage>) => {
 	try {
-		const res = await apiClient.post('/health-check', data);
+		const res = await apiClient.post("/health-check", data);
-		toast.success('Package created successfully');
+		toast.success("Package created successfully");
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to create package');
+		toast.error(error?.response?.data?.message || "Failed to create package");
 		throw error;
 	}
 };
 
-export const updateHealthPackageApi = async (id: number, data: Partial<HealthPackage>) => {
+export const updateHealthPackageApi = async (
+	id: number,
+	data: Partial<HealthPackage>,
+) => {
 	try {
 		const res = await apiClient.patch(`/health-check/${id}`, data);
-		toast.success('Package updated successfully');
+		toast.success("Package updated successfully");
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to update package');
+		toast.error(error?.response?.data?.message || "Failed to update package");
 		throw error;
 	}
 };
@@ -90,23 +83,27 @@ export const updateHealthPackageApi = async (id: number, data: Partial<HealthPac
 export const deleteHealthPackageApi = async (id: number) => {
 	try {
 		const res = await apiClient.delete(`/health-check/${id}`);
-		toast.success('Package deleted successfully');
+		toast.success("Package deleted successfully");
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to delete package');
+		toast.error(error?.response?.data?.message || "Failed to delete package");
 		throw error;
 	}
 };
 
-export const createCategoryApi = async (data: { name: string; slug: string; sortOrder: number }) => {
+export const createCategoryApi = async (data: {
+	name: string;
+	slug: string;
+	sortOrder: number;
+}) => {
 	try {
-		const res = await apiClient.post('/health-check/categories', data);
+		const res = await apiClient.post("/health-check/categories", data);
 
-		toast.success('Category created successfully');
+		toast.success("Category created successfully");
 
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to create category');
+		toast.error(error?.response?.data?.message || "Failed to create category");
 
 		throw error;
 	}
@@ -116,11 +113,11 @@ export const updateCategoryApi = async (id: number, data: any) => {
 	try {
 		const res = await apiClient.patch(`/health-check/categories/${id}`, data);
 
-		toast.success('Category updated successfully');
+		toast.success("Category updated successfully");
 
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to update category');
+		toast.error(error?.response?.data?.message || "Failed to update category");
 
 		throw error;
 	}
@@ -130,26 +127,34 @@ export const deleteCategoryApi = async (id: number) => {
 	try {
 		const res = await apiClient.delete(`/health-check/categories/${id}`);
 
-		toast.success('Category deleted successfully');
+		toast.success("Category deleted successfully");
 
 		return res.data;
 	} catch (error: any) {
-		toast.error(error?.response?.data?.message || 'Failed to delete category');
+		toast.error(error?.response?.data?.message || "Failed to delete category");
 
 		throw error;
 	}
 };
 
-export const getAllInquiriesApi = async (page = 1, limit = 10, filterDate = '', startDate = '', endDate = '') => {
+export const getAllInquiriesApi = async (
+	page = 1,
+	limit = 10,
+	filterDate = "",
+	startDate = "",
+	endDate = "",
+) => {
 	const params = new URLSearchParams({
 		page: page.toString(),
 		limit: limit.toString(),
 	});
 
-	if (filterDate) params.append('filterDate', filterDate);
+	if (filterDate) params.append("filterDate", filterDate);
-	if (startDate) params.append('startDate', startDate);
+	if (startDate) params.append("startDate", startDate);
-	if (endDate) params.append('endDate', endDate);
+	if (endDate) params.append("endDate", endDate);
 
-	const res = await apiClient.get(`/health-check/inquiries?${params.toString()}`);
+	const res = await apiClient.get(
+		`/health-check/inquiries?${params.toString()}`,
+	);
 	return res.data;
 };

frontend/src/api/inquiry.ts

@@ -1,7 +1,7 @@
-import apiClient from '@/api/client';
+import apiClient from "@/api/client";
 
 export const getInquiriesApi = async () => {
-	const res = await apiClient.get('/inquiry/getAll');
+	const res = await apiClient.get("/inquiry/getAll");
 	return res.data;
 };
 

frontend/src/api/newsMedia.ts

@@ -1,12 +1,14 @@
-import apiClient from '@/api/client';
+import apiClient from "@/api/client";
 
-export const getNewsApi = async (page = 1, limit = 10, search = '') => {
+export const getNewsApi = async (page = 1, limit = 10, search = "") => {
-	const res = await apiClient.get(`/newsMedia/getAll?page=${page}&limit=${limit}&search=${search}`);
+	const res = await apiClient.get(
+		`/newsMedia/getAll?page=${page}&limit=${limit}&search=${search}`,
+	);
 	return res.data;
 };
 
 export const createNewsApi = async (data: any) => {
-	const res = await apiClient.post('/newsMedia', data);
+	const res = await apiClient.post("/newsMedia", data);
 	return res.data;
 };
 

frontend/src/auth/ProtectedRoute.tsx

@@ -1,7 +1,7 @@
-import { Navigate, Outlet } from 'react-router-dom';
+import {Navigate, Outlet} from "react-router-dom";
-import { useAuth } from '@/context/AuthContext';
+import {useAuth} from "@/context/AuthContext";
 
 export default function ProtectedRoute() {
-	const { token } = useAuth();
+	const {token} = useAuth();
 	return token ? <Outlet /> : <Navigate to="/" replace />;
 }

frontend/src/auth/PublicRoute.tsx

@@ -1,7 +1,7 @@
-import { Navigate, Outlet } from 'react-router-dom';
+import {Navigate, Outlet} from "react-router-dom";
-import { useAuth } from '@/context/AuthContext';
+import {useAuth} from "@/context/AuthContext";
 
 export default function PublicRoute() {
-	const { token } = useAuth();
+	const {token} = useAuth();
 	return token ? <Navigate to="/dashboard" replace /> : <Outlet />;
 }

frontend/src/components/BytescaleUploader/BytescaleUploader.tsx

@@ -1,15 +1,25 @@
-import { useState, useRef } from 'react';
+import { useState, useRef } from "react";
-import { Button } from '@/components/ui/button';
+import { Button } from "@/components/ui/button";
-import { User, X, Loader2 } from 'lucide-react';
+import { User, X, Loader2 } from "lucide-react";
-import axios from 'axios';
+import axios from "axios";
 
 interface BytescaleUploaderProps {
 	value: string;
 	onChange: (url: string) => void;
-	folderPath: '/health-packages' | '/seo' | '/doctors' | '/departments' | '/news' | '/blog' | '/doctor-og';
+	folderPath:
+		| "/doctors"
+		| "/departments"
+		| "/news"
+		| "/blog"
+		| "/health-packages"
+		| "/doctor-og";
 }
 
-export function BytescaleUploader({ value, onChange, folderPath }: BytescaleUploaderProps) {
+export function BytescaleUploader({
+	value,
+	onChange,
+	folderPath,
+}: BytescaleUploaderProps) {
 	const baseURL = import.meta.env.VITE_API_URL;
 	const [isUploading, setIsUploading] = useState(false);
 	const fileInputRef = useRef<HTMLInputElement>(null);
@@ -19,32 +29,33 @@ export function BytescaleUploader({ value, onChange, folderPath }: BytescaleUplo
 		if (!file) return;
 
 		if (file.size > 5 * 1024 * 1024) {
-			alert('File is too large (Max 5MB)');
+			alert("File is too large (Max 5MB)");
 			return;
 		}
 
 		setIsUploading(true);
 
 		const formData = new FormData();
-		formData.append('file', file);
+		formData.append("file", file);
-		formData.append('folderPath', folderPath);
+		formData.append("folderPath", folderPath);
 
 		try {
 			const response = await axios.post(`${baseURL}/upload`, formData, {
 				headers: {
-					'Content-Type': 'multipart/form-data',
+					"Content-Type": "multipart/form-data",
 				},
 			});
 
 			const { fileUrl } = response.data;
 			onChange(fileUrl);
 		} catch (e: any) {
-			console.error('Upload Error:', e);
+			console.error("Upload Error:", e);
-			const errorMessage = e.response?.data?.error || e.message || 'Upload failed';
+			const errorMessage =
+				e.response?.data?.error || e.message || "Upload failed";
 			alert(`Upload Error: ${errorMessage}`);
 		} finally {
 			setIsUploading(false);
-			if (fileInputRef.current) fileInputRef.current.value = '';
+			if (fileInputRef.current) fileInputRef.current.value = "";
 		}
 	};
 
@@ -61,7 +72,7 @@ export function BytescaleUploader({ value, onChange, folderPath }: BytescaleUplo
 							/>
 							<button
 								type="button"
-								onClick={() => onChange('')}
+								onClick={() => onChange("")}
 								className="absolute -top-1 -right-1 bg-destructive text-white rounded-full p-0.5 shadow-sm hover:scale-110 transition-transform"
 							>
 								<X className="w-3 h-3" />
@@ -99,16 +110,17 @@ export function BytescaleUploader({ value, onChange, folderPath }: BytescaleUplo
 							Uploading...
 						</>
 					) : value ? (
-						'Change Photo'
+						"Change Photo"
 					) : (
-						'Upload Photo'
+						"Upload Photo"
 					)}
 				</Button>
 			</div>
 
 			{value && (
 				<p className="text-xs text-amber-600 pl-[72px]">
-					⚠️ Make sure to save the changes by clicking the "Save Changes" button.
+					⚠️ Make sure to save the changes by clicking the "Save Changes"
+					button.
 				</p>
 			)}
 		</div>

frontend/src/components/HealthPackageModal/HealthPackageModal.tsx

@@ -1,379 +0,0 @@
-import { BytescaleUploader } from '@/components/BytescaleUploader/BytescaleUploader';
-import SeoFields from '@/components/SeoFields/SeoFields';
-import { useEffect } from 'react';
-
-import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';
-
-import { Input } from '@/components/ui/input';
-import { Textarea } from '@/components/ui/textarea';
-import { Button } from '@/components/ui/button';
-import { Label } from '@/components/ui/label';
-import { Badge } from '@/components/ui/badge';
-import { Switch } from '@/components/ui/switch';
-
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
-
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion';
-
-import { Plus, Trash2 } from 'lucide-react';
-
-interface Props {
-	open: boolean;
-	onOpenChange: (open: boolean) => void;
-	editingPackage: any;
-	pkgForm: any;
-	setPkgForm: any;
-	inclusionsList: any[];
-	setInclusionsList: any;
-	categories: any[];
-	onSave: () => void;
-}
-
-export default function HealthPackageModal({
-	open,
-	onOpenChange,
-	editingPackage,
-	pkgForm,
-	setPkgForm,
-	inclusionsList,
-	setInclusionsList,
-	categories,
-	onSave,
-}: Props) {
-	useEffect(() => {
-		if (!editingPackage && pkgForm.name) {
-			setPkgForm((prev: any) => ({
-				...prev,
-				slug: prev.slug
-					? prev.slug
-					: pkgForm.name
-							.toLowerCase()
-							.replace(/[^a-z0-9]+/g, '-')
-							.replace(/(^-|-$)/g, ''),
-			}));
-		}
-	}, [pkgForm.name]);
-
-	const handleAddInclusionField = () => {
-		setInclusionsList([
-			...inclusionsList,
-			{
-				id: Date.now(),
-				category: '',
-				items: '',
-			},
-		]);
-	};
-
-	const handleRemoveInclusionField = (id: number) => {
-		setInclusionsList(inclusionsList.filter((item) => item.id !== id));
-	};
-
-	const handleUpdateInclusionField = (id: number, field: string, value: string) => {
-		setInclusionsList(
-			inclusionsList.map((item) =>
-				item.id === id
-					? {
-							...item,
-							[field]: value,
-						}
-					: item
-			)
-		);
-	};
-
-	return (
-		<Dialog open={open} onOpenChange={onOpenChange}>
-			<DialogContent className="w-full !max-w-7xl h-[92vh] flex flex-col p-0 overflow-hidden">
-				<DialogHeader className="px-6 py-5 border-b bg-background sticky top-0 z-20">
-					<DialogTitle className="text-2xl font-bold">
-						{editingPackage ? 'Edit Health Package' : 'Create Health Package'}
-					</DialogTitle>
-				</DialogHeader>
-
-				<div className="flex-1 overflow-y-auto">
-					<div className="grid grid-cols-1 xl:grid-cols-[1.2fr_0.8fr] gap-8 p-6">
-						{/* LEFT COLUMN */}
-						<div className="space-y-8">
-							<div className="space-y-5">
-								<div className="sticky top-0 bg-background z-10 pb-2">
-									<h3 className="text-lg font-bold">Profile & Pricing</h3>
-
-									<p className="text-sm text-muted-foreground">Main package information</p>
-								</div>
-
-								<div className="space-y-5">
-									<div className="space-y-2">
-										<Label className="font-semibold">Package Image</Label>
-
-										<p className="text-xs text-muted-foreground">Recommended size: 650 × 250</p>
-
-										<BytescaleUploader
-											value={pkgForm.image || ''}
-											folderPath="/health-packages"
-											onChange={(url) =>
-												setPkgForm({
-													...pkgForm,
-													image: url,
-												})
-											}
-										/>
-									</div>
-
-									<div className="flex items-center justify-between border rounded-xl p-4 bg-muted/30">
-										<div>
-											<p className="font-semibold">Active Visibility</p>
-
-											<p className="text-sm text-muted-foreground">Show this package publicly</p>
-										</div>
-
-										<Switch
-											checked={pkgForm.isActive}
-											onCheckedChange={(val) =>
-												setPkgForm({
-													...pkgForm,
-													isActive: val,
-												})
-											}
-										/>
-									</div>
-
-									<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-										<div className="space-y-2">
-											<Label className="font-semibold">Package Name</Label>
-
-											<Input
-												value={pkgForm.name}
-												onChange={(e) =>
-													setPkgForm({
-														...pkgForm,
-														name: e.target.value,
-													})
-												}
-											/>
-										</div>
-
-										<div className="space-y-2">
-											<Label className="font-semibold">URL Slug</Label>
-
-											<Input
-												value={pkgForm.slug}
-												onChange={(e) =>
-													setPkgForm({
-														...pkgForm,
-														slug: e.target.value,
-													})
-												}
-											/>
-										</div>
-									</div>
-
-									<div className="space-y-2">
-										<Label className="font-semibold">Category</Label>
-
-										<Select
-											value={pkgForm.categoryId?.toString()}
-											onValueChange={(v) =>
-												setPkgForm({
-													...pkgForm,
-													categoryId: Number(v),
-												})
-											}
-										>
-											<SelectTrigger>
-												<SelectValue placeholder="Select category" />
-											</SelectTrigger>
-
-											<SelectContent>
-												{categories.map((c) => (
-													<SelectItem key={c.id} value={c.id.toString()}>
-														{c.name}
-													</SelectItem>
-												))}
-											</SelectContent>
-										</Select>
-									</div>
-
-									<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-										<div className="space-y-2">
-											<Label className="font-semibold">Regular Price (₹)</Label>
-
-											<Input
-												type="number"
-												value={pkgForm.price || ''}
-												onChange={(e) => {
-													const value = e.target.value ? Number(e.target.value) : undefined;
-
-													setPkgForm({
-														...pkgForm,
-														price: value,
-													});
-												}}
-											/>
-										</div>
-
-										<div className="space-y-2">
-											<Label className="font-semibold">Discounted Price (₹)</Label>
-
-											<Input
-												type="number"
-												disabled={!pkgForm.price}
-												value={pkgForm.discountedPrice || ''}
-												onChange={(e) =>
-													setPkgForm({
-														...pkgForm,
-														discountedPrice: e.target.value ? Number(e.target.value) : undefined,
-													})
-												}
-											/>
-										</div>
-
-										<div className="space-y-2">
-											<Label className="font-semibold">Sort Priority</Label>
-
-											<Input
-												type="number"
-												value={pkgForm.sortOrder}
-												onChange={(e) =>
-													setPkgForm({
-														...pkgForm,
-														sortOrder: Number(e.target.value),
-													})
-												}
-											/>
-										</div>
-									</div>
-
-									<div className="space-y-2">
-										<Label className="font-semibold">Description</Label>
-
-										<Textarea
-											rows={5}
-											value={pkgForm.description}
-											onChange={(e) =>
-												setPkgForm({
-													...pkgForm,
-													description: e.target.value,
-												})
-											}
-										/>
-									</div>
-								</div>
-							</div>
-
-							{/* INCLUSIONS */}
-							<div className="space-y-5">
-								<div className="flex items-center justify-between">
-									<div>
-										<h3 className="text-lg font-bold">Tests & Inclusions</h3>
-
-										<p className="text-sm text-muted-foreground">Group tests into categories</p>
-									</div>
-
-									<Badge variant="outline">{inclusionsList.length} Groups</Badge>
-								</div>
-
-								<Accordion type="multiple" className="space-y-4">
-									{inclusionsList.map((inc, index) => {
-										const testCount = inc.items?.split(',').filter(Boolean).length;
-
-										return (
-											<AccordionItem
-												key={inc.id}
-												value={inc.id.toString()}
-												className="border rounded-xl bg-background px-5 shadow-sm"
-											>
-												<AccordionTrigger className="hover:no-underline w-full">
-													<div className="flex w-full items-center justify-between">
-														<div className="flex flex-col items-start text-left">
-															<p className="font-semibold">{inc.category || `Group ${index + 1}`}</p>
-
-															<p className="text-xs text-muted-foreground">{testCount || 0} tests included</p>
-														</div>
-
-														<Button
-															variant="ghost"
-															size="sm"
-															className="text-red-500 hover:text-red-600"
-															onClick={() => handleRemoveInclusionField(inc.id)}
-														>
-															<Trash2 className="h-4 w-4 mr-1" />
-															Remove
-														</Button>
-													</div>
-												</AccordionTrigger>
-
-												<AccordionContent className="pt-4">
-													<div className="space-y-4">
-														<div className="space-y-2">
-															<Label>Category Title</Label>
-
-															<Input
-																placeholder="Routine Blood Tests"
-																value={inc.category}
-																onChange={(e) => handleUpdateInclusionField(inc.id, 'category', e.target.value)}
-															/>
-														</div>
-
-														<div className="space-y-2">
-															<div className="flex items-center justify-between">
-																<Label>Included Tests</Label>
-															</div>
-
-															<Textarea
-																rows={4}
-																placeholder="CBC, LFT, RFT, TSH"
-																value={inc.items}
-																onChange={(e) => handleUpdateInclusionField(inc.id, 'items', e.target.value)}
-															/>
-
-															<p className="text-xs text-muted-foreground">Separate each test using commas</p>
-														</div>
-													</div>
-												</AccordionContent>
-											</AccordionItem>
-										);
-									})}
-								</Accordion>
-
-								<Button
-									variant="outline"
-									className="w-full border-dashed border-2 h-12"
-									onClick={handleAddInclusionField}
-								>
-									<Plus className="h-4 w-4 mr-2" />
-									Add New Inclusion Group
-								</Button>
-							</div>
-						</div>
-
-						{/* RIGHT COLUMN */}
-						<div className="space-y-6">
-							<SeoFields
-								value={pkgForm.seo}
-								slug={pkgForm.slug}
-								folderPath="/seo"
-								onChange={(seo) =>
-									setPkgForm({
-										...pkgForm,
-										seo,
-									})
-								}
-							/>
-						</div>
-					</div>
-				</div>
-
-				<DialogFooter className="p-6 border-t bg-background sticky bottom-0 z-20">
-					<Button variant="ghost" onClick={() => onOpenChange(false)}>
-						Cancel
-					</Button>
-
-					<Button className="px-10" onClick={onSave}>
-						{editingPackage ? 'Save Changes' : 'Create Package'}
-					</Button>
-				</DialogFooter>
-			</DialogContent>
-		</Dialog>
-	);
-}

frontend/src/components/PackageInquiriesTab/PackageInquiriesTab.tsx

@@ -1,21 +1,33 @@
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback } from "react";
-import { getAllInquiriesApi, HealthInquiry } from '@/api/healthCheck';
+import { getAllInquiriesApi, HealthInquiry } from "@/api/healthCheck";
 
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import {
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
+	Table,
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+	TableBody,
-import { Button } from '@/components/ui/button';
+	TableCell,
-import { Input } from '@/components/ui/input';
+	TableHead,
-import { Badge } from '@/components/ui/badge';
+	TableHeader,
-import { Loader2, RefreshCw, ChevronLeft, ChevronRight } from 'lucide-react';
+	TableRow,
+} from "@/components/ui/table";
+import {
+	Tooltip,
+	TooltipContent,
+	TooltipProvider,
+	TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Badge } from "@/components/ui/badge";
+import { Loader2, RefreshCw, ChevronLeft, ChevronRight } from "lucide-react";
 
 export default function PackageInquiriesTab() {
 	const [inquiries, setInquiries] = useState<HealthInquiry[]>([]);
 	const [loading, setLoading] = useState(true);
 
-	const [filterDate, setFilterDate] = useState('');
+	const [filterDate, setFilterDate] = useState("");
-	const [startDate, setStartDate] = useState('');
+	const [startDate, setStartDate] = useState("");
-	const [endDate, setEndDate] = useState('');
+	const [endDate, setEndDate] = useState("");
 
 	const [currentPage, setCurrentPage] = useState(1);
 	const [itemsPerPage, setItemsPerPage] = useState(10);
@@ -25,12 +37,18 @@ export default function PackageInquiriesTab() {
 	const fetchInquiries = useCallback(async () => {
 		setLoading(true);
 		try {
-			const res = await getAllInquiriesApi(currentPage, itemsPerPage, filterDate, startDate, endDate);
+			const res = await getAllInquiriesApi(
+				currentPage,
+				itemsPerPage,
+				filterDate,
+				startDate,
+				endDate,
+			);
 			setInquiries(res.data || []);
 			setTotalItems(res.pagination?.total || 0);
 			setTotalPages(res.pagination?.totalPages || 1);
 		} catch (err) {
-			console.error('Failed to fetch inquiries', err);
+			console.error("Failed to fetch inquiries", err);
 		} finally {
 			setLoading(false);
 		}
@@ -40,7 +58,10 @@ export default function PackageInquiriesTab() {
 		fetchInquiries();
 	}, [fetchInquiries]);
 
-	const handleFilterChange = (setter: React.Dispatch<React.SetStateAction<string>>, value: string) => {
+	const handleFilterChange = (
+		setter: React.Dispatch<React.SetStateAction<string>>,
+		value: string,
+	) => {
 		setter(value);
 		setCurrentPage(1);
 	};
@@ -55,18 +76,24 @@ export default function PackageInquiriesTab() {
 
 				<div className="flex flex-wrap items-end gap-3">
 					<div className="flex flex-col gap-1">
-						<label className="text-xs font-medium text-muted-foreground">Specific Date</label>
+						<label className="text-xs font-medium text-muted-foreground">
+							Specific Date
+						</label>
 						<Input
 							type="date"
 							value={filterDate}
-							onChange={(e) => handleFilterChange(setFilterDate, e.target.value)}
+							onChange={(e) =>
+								handleFilterChange(setFilterDate, e.target.value)
+							}
 							className="w-[140px] text-sm"
 							disabled={!!startDate || !!endDate}
 						/>
 					</div>
 
 					<div className="flex flex-col gap-1">
-						<label className="text-xs font-medium text-muted-foreground">From</label>
+						<label className="text-xs font-medium text-muted-foreground">
+							From
+						</label>
 						<Input
 							type="date"
 							value={startDate}
@@ -77,7 +104,9 @@ export default function PackageInquiriesTab() {
 					</div>
 
 					<div className="flex flex-col gap-1">
-						<label className="text-xs font-medium text-muted-foreground">To</label>
+						<label className="text-xs font-medium text-muted-foreground">
+							To
+						</label>
 						<Input
 							type="date"
 							value={endDate}
@@ -88,15 +117,16 @@ export default function PackageInquiriesTab() {
 					</div>
 
 					<div className="flex flex-col gap-1">
-						<label className="text-xs font-medium text-muted-foreground">Rows</label>
+						<label className="text-xs font-medium text-muted-foreground">
+							Rows
+						</label>
 						<select
 							value={itemsPerPage}
 							onChange={(e) => {
 								setItemsPerPage(Number(e.target.value));
 								setCurrentPage(1);
 							}}
-							className="flex h-10 rounded-md border border-input bg-background px-3 py-2 text-sm focus:ring-2 focus:ring-primary"
+							className="flex h-10 rounded-md border border-input bg-background px-3 py-2 text-sm focus:ring-2 focus:ring-primary">
-						>
 							<option value={5}>5 / page</option>
 							<option value={10}>10 / page</option>
 							<option value={20}>20 / page</option>
@@ -105,7 +135,9 @@ export default function PackageInquiriesTab() {
 					</div>
 
 					<Button variant="outline" onClick={fetchInquiries} disabled={loading}>
-						<RefreshCw className={`mr-2 h-4 w-4 ${loading ? 'animate-spin' : ''}`} />
+						<RefreshCw
+							className={`mr-2 h-4 w-4 ${loading ? "animate-spin" : ""}`}
+						/>
 						Refresh
 					</Button>
 				</div>
@@ -115,11 +147,21 @@ export default function PackageInquiriesTab() {
 					<Table className="w-full min-w-[1000px] table-fixed border-separate border-spacing-0">
 						<TableHeader className="sticky top-0 z-20 bg-background shadow-sm">
 							<TableRow>
-								<TableHead className="w-[150px] font-bold bg-background">Requested Date</TableHead>
+								<TableHead className="w-[150px] font-bold bg-background">
-								<TableHead className="w-[220px] font-bold bg-background">Patient Details</TableHead>
+									Requested Date
-								<TableHead className="w-[250px] font-bold bg-background">Requested Package</TableHead>
+								</TableHead>
-								<TableHead className="w-[120px] font-bold bg-background">Age/Gender</TableHead>
+								<TableHead className="w-[220px] font-bold bg-background">
-								<TableHead className="w-[250px] font-bold bg-background">Message</TableHead>
+									Patient Details
+								</TableHead>
+								<TableHead className="w-[250px] font-bold bg-background">
+									Requested Package
+								</TableHead>
+								<TableHead className="w-[120px] font-bold bg-background">
+									Age/Gender
+								</TableHead>
+								<TableHead className="w-[250px] font-bold bg-background">
+									Message
+								</TableHead>
 							</TableRow>
 						</TableHeader>
 						<TableBody>
@@ -131,7 +173,9 @@ export default function PackageInquiriesTab() {
 								</TableRow>
 							) : inquiries.length === 0 ? (
 								<TableRow>
-									<TableCell colSpan={5} className="text-center text-muted-foreground py-10">
+									<TableCell
+										colSpan={5}
+										className="text-center text-muted-foreground py-10">
 										No inquiries found for the selected criteria
 									</TableCell>
 								</TableRow>
@@ -143,16 +187,23 @@ export default function PackageInquiriesTab() {
 												{new Date(inq.preferredDate).toLocaleDateString()}
 											</div>
 											<div className="text-[11px] text-muted-foreground mt-1">
-												Submitted: {new Date(inq.createdAt).toLocaleDateString()}
+												Submitted:{" "}
+												{new Date(inq.createdAt).toLocaleDateString()}
 											</div>
 										</TableCell>
 										<TableCell>
-											<div className="font-semibold text-base">{inq.fullName}</div>
+											<div className="font-semibold text-base">
+												{inq.fullName}
+											</div>
 											<div className="text-sm">{inq.mobileNumber}</div>
-											<div className="text-xs text-muted-foreground">{inq.email || '-'}</div>
+											<div className="text-xs text-muted-foreground">
+												{inq.email || "-"}
+											</div>
 										</TableCell>
 										<TableCell>
-											<div className="font-semibold text-sm truncate">{inq.healthPackage?.name || 'N/A'}</div>
+											<div className="font-semibold text-sm truncate">
+												{inq.healthPackage?.name || "N/A"}
+											</div>
 										</TableCell>
 										<TableCell>
 											<div className="font-medium">
@@ -163,12 +214,12 @@ export default function PackageInquiriesTab() {
 											<Tooltip>
 												<TooltipTrigger asChild>
 													<div className="text-sm italic line-clamp-3 text-muted-foreground whitespace-pre-wrap cursor-pointer">
-														{inq.message || 'No message provided.'}
+														{inq.message || "No message provided."}
 													</div>
 												</TooltipTrigger>
 
 												<TooltipContent className="max-w-md whitespace-pre-wrap">
-													{inq.message || 'No message provided.'}
+													{inq.message || "No message provided."}
 												</TooltipContent>
 											</Tooltip>
 										</TooltipProvider>
@@ -182,8 +233,9 @@ export default function PackageInquiriesTab() {
 				{!loading && totalItems > 0 && (
 					<div className="flex flex-col sm:flex-row items-center justify-between px-2 py-4 border-t gap-4 mt-2">
 						<div className="text-sm text-muted-foreground">
-							Showing <span className="font-semibold">{indexOfFirstItem + 1}</span> to{' '}
+							Showing{" "}
-							<span className="font-semibold">{indexOfLastItem}</span> of{' '}
+							<span className="font-semibold">{indexOfFirstItem + 1}</span> to{" "}
+							<span className="font-semibold">{indexOfLastItem}</span> of{" "}
 							<span className="font-semibold">{totalItems}</span> inquiries
 						</div>
 						<div className="flex items-center gap-6">
@@ -195,18 +247,20 @@ export default function PackageInquiriesTab() {
 									variant="outline"
 									size="icon"
 									className="h-9 w-9"
-									onClick={() => setCurrentPage((prev) => Math.max(prev - 1, 1))}
+									onClick={() =>
-									disabled={currentPage === 1}
+										setCurrentPage((prev) => Math.max(prev - 1, 1))
-								>
+									}
+									disabled={currentPage === 1}>
 									<ChevronLeft className="h-4 w-4" />
 								</Button>
 								<Button
 									variant="outline"
 									size="icon"
 									className="h-9 w-9"
-									onClick={() => setCurrentPage((prev) => Math.min(prev + 1, totalPages))}
+									onClick={() =>
-									disabled={currentPage === totalPages || totalPages === 0}
+										setCurrentPage((prev) => Math.min(prev + 1, totalPages))
-								>
+									}
+									disabled={currentPage === totalPages || totalPages === 0}>
 									<ChevronRight className="h-4 w-4" />
 								</Button>
 							</div>

frontend/src/components/ProtectedRoutes/ProtectedRoutes.tsx

@@ -1,8 +1,8 @@
-import { Navigate } from 'react-router-dom';
+import {Navigate} from "react-router-dom";
-import { useAuth } from '@/context/AuthContext';
+import {useAuth} from "@/context/AuthContext";
 
-export default function ProtectedRoute({ children }: any) {
+export default function ProtectedRoute({children}: any) {
-	const { token } = useAuth();
+	const {token} = useAuth();
 
 	if (!token) {
 		return <Navigate to="/" />;

frontend/src/components/SeoFields/SeoFields.tsx

@@ -1,186 +0,0 @@
-import { BytescaleUploader } from '@/components/BytescaleUploader/BytescaleUploader';
-
-import { Badge } from '@/components/ui/badge';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Textarea } from '@/components/ui/textarea';
-
-import { X } from 'lucide-react';
-
-interface SeoData {
-	seoTitle?: string;
-	metaDescription?: string;
-	focusKeyphrase?: string;
-	tags?: string[];
-	ogTitle?: string;
-	ogDescription?: string;
-	ogImage?: string;
-}
-
-interface SeoFieldsProps {
-	value?: SeoData;
-	onChange: (seo: SeoData) => void;
-	slug?: string;
-	folderPath?: '/seo';
-}
-
-export default function SeoFields({ value, onChange, slug, folderPath = '/seo' }: SeoFieldsProps) {
-	const seo = value || {};
-
-	const updateSeo = (field: keyof SeoData, fieldValue: any) => {
-		onChange({
-			...seo,
-			[field]: fieldValue,
-		});
-	};
-
-	const removeTag = (index: number) => {
-		updateSeo(
-			'tags',
-			(seo.tags || []).filter((_, i) => i !== index)
-		);
-	};
-
-	return (
-		<div className="space-y-5 p-5 border rounded-xl bg-muted/20">
-			<div className="flex items-center justify-between">
-				<div>
-					<h3 className="text-lg font-bold">SEO Settings</h3>
-
-					<p className="text-sm text-muted-foreground">Optimize for Google & social sharing</p>
-				</div>
-
-				<Badge variant="secondary">Optional</Badge>
-			</div>
-
-			<div className="space-y-2">
-				<div className="flex items-center justify-between">
-					<Label className="text-sm font-semibold">SEO Title</Label>
-
-					<span className="text-xs text-muted-foreground">{seo.seoTitle?.length || 0}/60</span>
-				</div>
-
-				<Input
-					placeholder="Best Health Checkup Package in Kochi"
-					value={seo.seoTitle || ''}
-					onChange={(e) => updateSeo('seoTitle', e.target.value)}
-				/>
-
-				<p className="text-xs text-muted-foreground">Recommended: 50–60 characters</p>
-			</div>
-
-			<div className="space-y-2">
-				<div className="flex items-center justify-between">
-					<Label className="text-sm font-semibold">Meta Description</Label>
-
-					<span className="text-xs text-muted-foreground">{seo.metaDescription?.length || 0}/160</span>
-				</div>
-
-				<Textarea
-					rows={4}
-					placeholder="Short description shown in Google search results"
-					value={seo.metaDescription || ''}
-					onChange={(e) => updateSeo('metaDescription', e.target.value)}
-				/>
-
-				<p className="text-xs text-muted-foreground">Recommended: 150–160 characters</p>
-			</div>
-
-			<div className="space-y-2">
-				<Label className="text-sm font-semibold">Focus Keyphrase</Label>
-
-				<Input
-					placeholder="health checkup package kochi"
-					value={seo.focusKeyphrase || ''}
-					onChange={(e) => updateSeo('focusKeyphrase', e.target.value)}
-				/>
-			</div>
-
-			<div className="space-y-2">
-				<Label className="text-sm font-semibold">Tags / Keywords</Label>
-
-				<div className="flex flex-wrap gap-2 border rounded-md p-3 min-h-[48px] bg-background">
-					{(seo.tags || []).map((tag, index) => (
-						<div
-							key={index}
-							className="bg-primary/10 text-primary px-3 py-1 rounded-full text-sm flex items-center gap-2"
-						>
-							<span>{tag}</span>
-
-							<button type="button" onClick={() => removeTag(index)} className="hover:text-red-500 transition-colors">
-								<X className="h-3 w-3" />
-							</button>
-						</div>
-					))}
-
-					<Input
-						placeholder="Type keyword and press Enter"
-						className="border-0 shadow-none focus-visible:ring-0 min-w-[220px] flex-1"
-						onKeyDown={(e) => {
-							if (e.key === 'Enter' && e.currentTarget.value.trim()) {
-								e.preventDefault();
-
-								const newTag = e.currentTarget.value.trim();
-
-								if (!(seo.tags || []).includes(newTag)) {
-									updateSeo('tags', [...(seo.tags || []), newTag]);
-								}
-
-								e.currentTarget.value = '';
-							}
-						}}
-					/>
-				</div>
-
-				<p className="text-xs text-muted-foreground">Press Enter to add tags</p>
-			</div>
-
-			<div className="border-t pt-5 space-y-5">
-				<div className="flex items-center justify-between">
-					<div>
-						<h4 className="font-bold">Open Graph (Social Preview)</h4>
-
-						<p className="text-sm text-muted-foreground">Facebook, WhatsApp & Twitter sharing</p>
-					</div>
-
-					<Badge variant="secondary">Optional</Badge>
-				</div>
-
-				<div className="space-y-2">
-					<Label className="text-sm font-semibold">OG Title</Label>
-
-					<Input
-						placeholder="Title for social sharing"
-						value={seo.ogTitle || ''}
-						onChange={(e) => updateSeo('ogTitle', e.target.value)}
-					/>
-
-					<p className="text-xs text-muted-foreground">If empty, SEO title will be used</p>
-				</div>
-
-				<div className="space-y-2">
-					<Label className="text-sm font-semibold">OG Description</Label>
-
-					<Textarea
-						rows={4}
-						placeholder="Description for social sharing"
-						value={seo.ogDescription || ''}
-						onChange={(e) => updateSeo('ogDescription', e.target.value)}
-					/>
-
-					<p className="text-xs text-muted-foreground">If empty, meta description will be used</p>
-				</div>
-
-				<div className="space-y-2">
-					<Label className="text-sm font-semibold">OG Image</Label>
-
-					<BytescaleUploader
-						value={seo.ogImage || ''}
-						folderPath={folderPath}
-						onChange={(url) => updateSeo('ogImage', url)}
-					/>
-				</div>
-			</div>
-		</div>
-	);
-}

frontend/src/components/SeoPreview/SeoPreview.tsx

@@ -1,113 +1,131 @@
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog";
-import { Button } from '@/components/ui/button';
+import { Button } from "@/components/ui/button";
 
 interface SeoPreviewData {
-	seo?: {
+  seo?: {
-		ogImage?: string;
+    ogImage?: string;
-		ogTitle?: string;
+    ogTitle?: string;
-		seoTitle?: string;
+    seoTitle?: string;
-		ogDescription?: string;
+    ogDescription?: string;
-		metaDescription?: string;
+    metaDescription?: string;
-		slug?: string;
+    slug?: string;
-	};
+  };
-	doctorId?: string;
+  doctorId?: string;
-	name?: string;
+  name?: string;
 }
 
 interface SeoPreviewProps {
-	open: boolean;
+  open: boolean;
-	onOpenChange: (open: boolean) => void;
+  onOpenChange: (open: boolean) => void;
-	previewData?: SeoPreviewData | null;
+  previewData?: SeoPreviewData | null;
-	url?: string;
+  url?: string;
-	title?: string;
+  title?: string;
 }
 
-export default function SeoPreview({ open, onOpenChange, previewData, url, title = 'SEO Preview' }: SeoPreviewProps) {
+export default function SeoPreview({
-	const previewUrl = url || 'https://www.gg-hospital.com';
+  open,
+  onOpenChange,
+  previewData,
+  url,
+  title = "SEO Preview",
+}: SeoPreviewProps) {
+  const previewUrl = url || "#";
+  const imageUrl =
+    previewData?.seo?.ogImage || "https://placehold.co/1200x630?text=GG+Hospital";
+  const ogTitle =
+    previewData?.seo?.ogTitle || previewData?.seo?.seoTitle || "GG Hospital";
+  const ogDescription =
+    previewData?.seo?.ogDescription || previewData?.seo?.metaDescription ||
+    "No description available";
+  const searchTitle =
+    previewData?.seo?.seoTitle || previewData?.seo?.ogTitle || "SEO title preview";
+  const searchDescription =
+    previewData?.seo?.metaDescription || previewData?.seo?.ogDescription ||
+    "No meta description available";
 
-	const hasSeoData =
+  return (
-		!!previewData?.seo &&
+    <Dialog open={open} onOpenChange={onOpenChange}>
-		!!(
+      <DialogContent className="sm:!max-w-4xl overflow-hidden">
-			previewData.seo.ogImage ||
+        <DialogHeader>
-			previewData.seo.ogTitle ||
+          <DialogTitle className="text-xl">{title}</DialogTitle>
-			previewData.seo.seoTitle ||
+        </DialogHeader>
-			previewData.seo.ogDescription ||
-			previewData.seo.metaDescription
-		);
 
-	const imageUrl = previewData?.seo?.ogImage || 'https://placehold.co/1200x630?text=GG+Hospital';
+        {previewData ? (
+          <div className="space-y-10 py-2">
+            <div>
+              <p className="mb-4 text-sm font-semibold text-muted-foreground">
+                Social Media Preview (WhatsApp / Facebook)
+              </p>
 
-	const ogTitle = previewData?.seo?.ogTitle || previewData?.seo?.seoTitle || 'GG Hospital';
+              <a
+                href={previewUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="block max-w-[560px] overflow-hidden rounded-xl border bg-white shadow-sm transition hover:shadow-md"
+              >
+                <div className="aspect-[1.91/1] overflow-hidden bg-muted">
+                  <img
+                    src={imageUrl}
+                    alt="OG Preview"
+                    className="h-full w-full object-cover"
+                  />
+                </div>
 
-	const ogDescription =
+                <div className="border-t bg-[#f0f2f5] px-4 py-3">
-		previewData?.seo?.ogDescription || previewData?.seo?.metaDescription || 'No description available';
+                  <p className="truncate text-[11px] uppercase tracking-wide text-[#65676b]">
+                    gg-hospital.com
+                  </p>
 
-	const searchTitle = previewData?.seo?.seoTitle || previewData?.seo?.ogTitle || 'SEO title preview';
+                  <h3 className="mt-1 line-clamp-2 text-[18px] font-semibold leading-snug text-[#1c1e21]">
+                    {ogTitle}
+                  </h3>
 
-	const searchDescription =
+                  <p className="mt-1 line-clamp-2 text-[14px] text-[#65676b]">
-		previewData?.seo?.metaDescription || previewData?.seo?.ogDescription || 'No meta description available';
+                    {ogDescription}
+                  </p>
+                </div>
+              </a>
+            </div>
 
-	return (
+            <div>
-		<Dialog open={open} onOpenChange={onOpenChange}>
+              <p className="mb-4 text-sm font-semibold text-muted-foreground">
-			<DialogContent className="sm:!max-w-4xl overflow-hidden">
+                Google Search Preview
-				<DialogHeader>
+              </p>
-					<DialogTitle className="text-xl">{title}</DialogTitle>
-				</DialogHeader>
 
-				{hasSeoData ? (
+              <div className="rounded-xl border bg-white p-6">
-					<div className="space-y-10 py-2">
+                <a
-						{/* Social Preview */}
+                  href={previewUrl}
-						<div>
+                  target="_blank"
-							<p className="mb-4 text-sm font-semibold text-muted-foreground">
+                  rel="noopener noreferrer"
-								Social Media Preview (WhatsApp / Facebook)
+                  className="block"
-							</p>
+                >
+                  <p className="truncate text-[14px] text-[#202124] hover:underline">
+                    {previewUrl}
+                  </p>
 
-							<a
+                  <h3 className="mt-1 text-[22px] leading-tight text-[#1a0dab] hover:underline">
-								href={previewUrl}
+                    {searchTitle}
-								target="_blank"
+                  </h3>
-								rel="noopener noreferrer"
+                </a>
-								className="block max-w-[560px] overflow-hidden rounded-xl border bg-white shadow-sm transition hover:shadow-md"
-							>
-								<div className="aspect-[1.91/1] overflow-hidden bg-muted">
-									<img src={imageUrl} alt="OG Preview" className="h-full w-full object-cover" />
-								</div>
 
-								<div className="border-t bg-[#f0f2f5] px-4 py-3">
+                <p className="mt-2 line-clamp-3 text-[14px] leading-6 text-[#4d5156]">
-									<h3 className="mt-1 line-clamp-2 text-[18px] font-semibold leading-snug text-[#1c1e21]">{ogTitle}</h3>
+                  {searchDescription}
+                </p>
+              </div>
+            </div>
+          </div>
+        ) : (
+          <div className="p-6 text-sm text-muted-foreground">
+            No preview data available.
+          </div>
+        )}
 
-									<p className="mt-1 line-clamp-2 text-[14px] text-[#65676b]">{ogDescription}</p>
+        <DialogFooter className="p-6 border-t bg-background z-10 mt-0">
-									<p className="mt-1 truncate text-[11px] tracking-wide text-[#65676b]">{previewUrl}</p>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
-								</div>
+            Close
-							</a>
+          </Button>
-						</div>
+        </DialogFooter>
-
+      </DialogContent>
-						{/* Google Preview */}
+    </Dialog>
-						<div>
+  );
-							<p className="mb-4 text-sm font-semibold text-muted-foreground">Google Search Preview</p>
-
-							<div className="rounded-xl border bg-white p-6">
-								<a href={previewUrl} target="_blank" rel="noopener noreferrer" className="block">
-									<p className="truncate text-[14px] text-[#202124] hover:underline">{previewUrl}</p>
-
-									<h3 className="mt-1 text-[22px] leading-tight text-[#1a0dab] hover:underline">{searchTitle}</h3>
-								</a>
-
-								<p className="mt-2 line-clamp-3 text-[14px] leading-6 text-[#4d5156]">{searchDescription}</p>
-							</div>
-						</div>
-					</div>
-				) : (
-					<div className="flex items-center justify-center py-16 text-sm text-muted-foreground">
-						No preview data available.
-					</div>
-				)}
-
-				<DialogFooter className="mt-0 border-t bg-background p-6">
-					<Button variant="outline" onClick={() => onOpenChange(false)}>
-						Close
-					</Button>
-				</DialogFooter>
-			</DialogContent>
-		</Dialog>
-	);
 }

frontend/src/components/layout/Header.tsx

@@ -1,16 +1,16 @@
-import { useState, useEffect } from 'react';
+import {useState, useEffect} from "react";
-import { useAuth } from '@/context/AuthContext';
+import {useAuth} from "@/context/AuthContext";
-import { Button } from '@/components/ui/button';
+import {Button} from "@/components/ui/button";
-import { Switch } from '@/components/ui/switch';
+import {Switch} from "@/components/ui/switch";
-import { log } from 'console';
+import {log} from "console";
 
 export default function Header() {
-	const { user, logout } = useAuth();
+	const {user, logout} = useAuth();
 	const [darkMode, setDarkMode] = useState<boolean>(false);
 
 	useEffect(() => {
-		if (darkMode) document.documentElement.classList.add('dark');
+		if (darkMode) document.documentElement.classList.add("dark");
-		else document.documentElement.classList.remove('dark');
+		else document.documentElement.classList.remove("dark");
 	}, [darkMode]);
 
 	return (

frontend/src/components/layout/Sidebar.tsx

@@ -1,55 +1,55 @@
-import { Link, useLocation } from 'react-router-dom';
+import { Link, useLocation } from "react-router-dom";
 
-import { Button } from '@/components/ui/button';
+import { Button } from "@/components/ui/button";
-import { Separator } from '@/components/ui/separator';
+import { Separator } from "@/components/ui/separator";
 
 export default function Sidebar() {
 	const location = useLocation();
 
 	const navItems = [
 		{
-			name: 'Department',
+			name: "Department",
-			path: '/department',
+			path: "/department",
 		},
 		{
-			name: 'Doctor',
+			name: "Doctor",
-			path: '/doctor',
+			path: "/doctor",
 		},
 		{
-			name: 'Health Check',
+			name: "Health Check",
-			path: '/health-check',
+			path: "/health-check",
 		},
 		{
-			name: 'Appointments',
+			name: "Appointments",
-			path: '/appointment',
+			path: "/appointment",
 		},
 		{
-			name: 'Career',
+			name: "Career",
-			path: '/career',
+			path: "/career",
 		},
 		{
-			name: 'Candidates',
+			name: "Candidates",
-			path: '/candidate',
+			path: "/candidate",
 		},
 		{
-			name: 'Inquiry',
+			name: "Inquiry",
-			path: '/inquiry',
+			path: "/inquiry",
 		},
 		{
-			name: 'Academics & Research',
+			name: "Academics & Research",
-			path: '/academics',
+			path: "/academics",
 		},
 		{
-			name: 'News & Media',
+			name: "News & Media",
-			path: '/news',
+			path: "/news",
 		},
 		{
-			name: 'Email',
+			name: "Email",
-			path: '/email',
+			path: "/email",
 		},
 		{
-			name: 'Blog',
+			name: "Blog",
-			path: '/blog',
+			path: "/blog",
 		},
 	];
 
@@ -67,7 +67,10 @@ export default function Sidebar() {
 
 					return (
 						<Link key={item.path} to={item.path}>
-							<Button variant={active ? 'secondary' : 'ghost'} className="w-full justify-start">
+							<Button
+								variant={active ? "secondary" : "ghost"}
+								className="w-full justify-start"
+							>
 								{item.name}
 							</Button>
 						</Link>

frontend/src/components/ui/accordion.tsx

@@ -1,61 +0,0 @@
-import * as React from 'react';
-import { Accordion as AccordionPrimitive } from 'radix-ui';
-
-import { cn } from '@/lib/utils';
-import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
-
-function Accordion({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>) {
-	return <AccordionPrimitive.Root data-slot="accordion" className={cn('flex w-full flex-col', className)} {...props} />;
-}
-
-function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>) {
-	return (
-		<AccordionPrimitive.Item data-slot="accordion-item" className={cn('not-last:border-b', className)} {...props} />
-	);
-}
-
-function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {
-	return (
-		<AccordionPrimitive.Header className="flex">
-			<AccordionPrimitive.Trigger
-				data-slot="accordion-trigger"
-				className={cn(
-					'group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground',
-					className
-				)}
-				{...props}
-			>
-				{children}
-				<ChevronDownIcon
-					data-slot="accordion-trigger-icon"
-					className="pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
-				/>
-				<ChevronUpIcon
-					data-slot="accordion-trigger-icon"
-					className="pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
-				/>
-			</AccordionPrimitive.Trigger>
-		</AccordionPrimitive.Header>
-	);
-}
-
-function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>) {
-	return (
-		<AccordionPrimitive.Content
-			data-slot="accordion-content"
-			className="overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up"
-			{...props}
-		>
-			<div
-				className={cn(
-					'h-(--radix-accordion-content-height) pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4',
-					className
-				)}
-			>
-				{children}
-			</div>
-		</AccordionPrimitive.Content>
-	);
-}
-
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

frontend/src/components/ui/badge.tsx

@@ -1,40 +1,49 @@
-import * as React from 'react';
+import * as React from "react"
-import { cva, type VariantProps } from 'class-variance-authority';
+import { cva, type VariantProps } from "class-variance-authority"
-import { Slot } from 'radix-ui';
+import { Slot } from "radix-ui"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
 const badgeVariants = cva(
-	'group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!',
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
-	{
+  {
-		variants: {
+    variants: {
-			variant: {
+      variant: {
-				default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-				secondary: 'bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80',
+        secondary:
-				destructive:
+          "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-					'bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20',
+        destructive:
-				outline: 'border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground',
+          "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
-				ghost: 'hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50',
+        outline:
-				link: 'text-primary underline-offset-4 hover:underline',
+          "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-			},
+        ghost:
-		},
+          "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-		defaultVariants: {
+        link: "text-primary underline-offset-4 hover:underline",
-			variant: 'default',
+      },
-		},
+    },
-	}
+    defaultVariants: {
-);
+      variant: "default",
+    },
+  }
+)
 
 function Badge({
-	className,
+  className,
-	variant = 'default',
+  variant = "default",
-	asChild = false,
+  asChild = false,
-	...props
+  ...props
-}: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
+}: React.ComponentProps<"span"> &
-	const Comp = asChild ? Slot.Root : 'span';
+  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot.Root : "span"
 
-	return (
+  return (
-		<Comp data-slot="badge" data-variant={variant} className={cn(badgeVariants({ variant }), className)} {...props} />
+    <Comp
-	);
+      data-slot="badge"
+      data-variant={variant}
+      className={cn(badgeVariants({ variant }), className)}
+      {...props}
+    />
+  )
 }
 
-export { Badge, badgeVariants };
+export { Badge, badgeVariants }

frontend/src/components/ui/button.tsx

@@ -1,65 +1,67 @@
-import * as React from 'react';
+import * as React from "react"
-import { cva, type VariantProps } from 'class-variance-authority';
+import { cva, type VariantProps } from "class-variance-authority"
-import { Slot } from 'radix-ui';
+import { Slot } from "radix-ui"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
 const buttonVariants = cva(
-	"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-	{
+  {
-		variants: {
+    variants: {
-			variant: {
+      variant: {
-				default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-				outline:
+        outline:
-					'border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',
+          "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-				secondary:
+        secondary:
-					'bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-				ghost:
+        ghost:
-					'hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50',
+          "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-				destructive:
+        destructive:
-					'bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40',
+          "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
-				link: 'text-primary underline-offset-4 hover:underline',
+        link: "text-primary underline-offset-4 hover:underline",
-			},
+      },
-			size: {
+      size: {
-				default: 'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
+        default:
-				xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+          "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-				sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-				lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-				icon: 'size-8',
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-				'icon-xs':
+        icon: "size-8",
-					"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-xs":
-				'icon-sm': 'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',
+          "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-				'icon-lg': 'size-9',
+        "icon-sm":
-			},
+          "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-		},
+        "icon-lg": "size-9",
-		defaultVariants: {
+      },
-			variant: 'default',
+    },
-			size: 'default',
+    defaultVariants: {
-		},
+      variant: "default",
-	}
+      size: "default",
-);
+    },
+  }
+)
 
 function Button({
-	className,
+  className,
-	variant = 'default',
+  variant = "default",
-	size = 'default',
+  size = "default",
-	asChild = false,
+  asChild = false,
-	...props
+  ...props
-}: React.ComponentProps<'button'> &
+}: React.ComponentProps<"button"> &
-	VariantProps<typeof buttonVariants> & {
+  VariantProps<typeof buttonVariants> & {
-		asChild?: boolean;
+    asChild?: boolean
-	}) {
+  }) {
-	const Comp = asChild ? Slot.Root : 'button';
+  const Comp = asChild ? Slot.Root : "button"
 
-	return (
+  return (
-		<Comp
+    <Comp
-			data-slot="button"
+      data-slot="button"
-			data-variant={variant}
+      data-variant={variant}
-			data-size={size}
+      data-size={size}
-			className={cn(buttonVariants({ variant, size, className }))}
+      className={cn(buttonVariants({ variant, size, className }))}
-			{...props}
+      {...props}
-		/>
+    />
-	);
+  )
 }
 
-export { Button, buttonVariants };
+export { Button, buttonVariants }

frontend/src/components/ui/card.tsx

@@ -1,70 +1,103 @@
-import * as React from 'react';
+import * as React from "react"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
-function Card({ className, size = 'default', ...props }: React.ComponentProps<'div'> & { size?: 'default' | 'sm' }) {
+function Card({
-	return (
+  className,
-		<div
+  size = "default",
-			data-slot="card"
+  ...props
-			data-size={size}
+}: React.ComponentProps<"div"> & { size?: "default" | "sm" }) {
-			className={cn(
+  return (
-				'group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl',
+    <div
-				className
+      data-slot="card"
-			)}
+      data-size={size}
-			{...props}
+      className={cn(
-		/>
+        "group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
-	);
+        className
+      )}
+      {...props}
+    />
+  )
 }
 
-function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
+function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
-	return (
+  return (
-		<div
+    <div
-			data-slot="card-header"
+      data-slot="card-header"
-			className={cn(
+      className={cn(
-				'group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3',
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",
-				className
+        className
-			)}
+      )}
-			{...props}
+      {...props}
-		/>
+    />
-	);
+  )
 }
 
-function CardTitle({ className, ...props }: React.ComponentProps<'div'>) {
+function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
-	return (
+  return (
-		<div
+    <div
-			data-slot="card-title"
+      data-slot="card-title"
-			className={cn('text-base leading-snug font-medium group-data-[size=sm]/card:text-sm', className)}
+      className={cn(
-			{...props}
+        "text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
-function CardDescription({ className, ...props }: React.ComponentProps<'div'>) {
+function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
-	return <div data-slot="card-description" className={cn('text-sm text-muted-foreground', className)} {...props} />;
+  return (
+    <div
+      data-slot="card-description"
+      className={cn("text-sm text-muted-foreground", className)}
+      {...props}
+    />
+  )
 }
 
-function CardAction({ className, ...props }: React.ComponentProps<'div'>) {
+function CardAction({ className, ...props }: React.ComponentProps<"div">) {
-	return (
+  return (
-		<div
+    <div
-			data-slot="card-action"
+      data-slot="card-action"
-			className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)}
+      className={cn(
-			{...props}
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
-function CardContent({ className, ...props }: React.ComponentProps<'div'>) {
+function CardContent({ className, ...props }: React.ComponentProps<"div">) {
-	return <div data-slot="card-content" className={cn('px-4 group-data-[size=sm]/card:px-3', className)} {...props} />;
+  return (
+    <div
+      data-slot="card-content"
+      className={cn("px-4 group-data-[size=sm]/card:px-3", className)}
+      {...props}
+    />
+  )
 }
 
-function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {
+function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
-	return (
+  return (
-		<div
+    <div
-			data-slot="card-footer"
+      data-slot="card-footer"
-			className={cn('flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3', className)}
+      className={cn(
-			{...props}
+        "flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardAction,
+  CardDescription,
+  CardContent,
+}

frontend/src/components/ui/command.tsx

@@ -1,150 +1,193 @@
-import * as React from 'react';
+import * as React from "react"
-import { Command as CommandPrimitive } from 'cmdk';
+import { Command as CommandPrimitive } from "cmdk"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
+import {
-import { InputGroup, InputGroupAddon } from '@/components/ui/input-group';
+  Dialog,
-import { SearchIcon, CheckIcon } from 'lucide-react';
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog"
+import {
+  InputGroup,
+  InputGroupAddon,
+} from "@/components/ui/input-group"
+import { SearchIcon, CheckIcon } from "lucide-react"
 
-function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {
+function Command({
-	return (
+  className,
-		<CommandPrimitive
+  ...props
-			data-slot="command"
+}: React.ComponentProps<typeof CommandPrimitive>) {
-			className={cn(
+  return (
-				'flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground',
+    <CommandPrimitive
-				className
+      data-slot="command"
-			)}
+      className={cn(
-			{...props}
+        "flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
 function CommandDialog({
-	title = 'Command Palette',
+  title = "Command Palette",
-	description = 'Search for a command to run...',
+  description = "Search for a command to run...",
-	children,
+  children,
-	className,
+  className,
-	showCloseButton = false,
+  showCloseButton = false,
-	...props
+  ...props
 }: React.ComponentProps<typeof Dialog> & {
-	title?: string;
+  title?: string
-	description?: string;
+  description?: string
-	className?: string;
+  className?: string
-	showCloseButton?: boolean;
+  showCloseButton?: boolean
 }) {
-	return (
+  return (
-		<Dialog {...props}>
+    <Dialog {...props}>
-			<DialogHeader className="sr-only">
+      <DialogHeader className="sr-only">
-				<DialogTitle>{title}</DialogTitle>
+        <DialogTitle>{title}</DialogTitle>
-				<DialogDescription>{description}</DialogDescription>
+        <DialogDescription>{description}</DialogDescription>
-			</DialogHeader>
+      </DialogHeader>
-			<DialogContent
+      <DialogContent
-				className={cn('top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0', className)}
+        className={cn(
-				showCloseButton={showCloseButton}
+          "top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0",
-			>
+          className
-				{children}
+        )}
-			</DialogContent>
+        showCloseButton={showCloseButton}
-		</Dialog>
+      >
-	);
+        {children}
+      </DialogContent>
+    </Dialog>
+  )
 }
 
-function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {
+function CommandInput({
-	return (
+  className,
-		<div data-slot="command-input-wrapper" className="p-1 pb-0">
+  ...props
-			<InputGroup className="h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!">
+}: React.ComponentProps<typeof CommandPrimitive.Input>) {
-				<CommandPrimitive.Input
+  return (
-					data-slot="command-input"
+    <div data-slot="command-input-wrapper" className="p-1 pb-0">
-					className={cn('w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50', className)}
+      <InputGroup className="h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!">
-					{...props}
+        <CommandPrimitive.Input
-				/>
+          data-slot="command-input"
-				<InputGroupAddon>
+          className={cn(
-					<SearchIcon className="size-4 shrink-0 opacity-50" />
+            "w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
-				</InputGroupAddon>
+            className
-			</InputGroup>
+          )}
-		</div>
+          {...props}
-	);
+        />
+        <InputGroupAddon>
+          <SearchIcon className="size-4 shrink-0 opacity-50" />
+        </InputGroupAddon>
+      </InputGroup>
+    </div>
+  )
 }
 
-function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {
+function CommandList({
-	return (
+  className,
-		<CommandPrimitive.List
+  ...props
-			data-slot="command-list"
+}: React.ComponentProps<typeof CommandPrimitive.List>) {
-			className={cn('no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none', className)}
+  return (
-			{...props}
+    <CommandPrimitive.List
-		/>
+      data-slot="command-list"
-	);
+      className={cn(
+        "no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none",
+        className
+      )}
+      {...props}
+    />
+  )
 }
 
-function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {
+function CommandEmpty({
-	return (
+  className,
-		<CommandPrimitive.Empty
+  ...props
-			data-slot="command-empty"
+}: React.ComponentProps<typeof CommandPrimitive.Empty>) {
-			className={cn('py-6 text-center text-sm', className)}
+  return (
-			{...props}
+    <CommandPrimitive.Empty
-		/>
+      data-slot="command-empty"
-	);
+      className={cn("py-6 text-center text-sm", className)}
+      {...props}
+    />
+  )
 }
 
-function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {
+function CommandGroup({
-	return (
+  className,
-		<CommandPrimitive.Group
+  ...props
-			data-slot="command-group"
+}: React.ComponentProps<typeof CommandPrimitive.Group>) {
-			className={cn(
+  return (
-				'overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground',
+    <CommandPrimitive.Group
-				className
+      data-slot="command-group"
-			)}
+      className={cn(
-			{...props}
+        "overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
-function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {
+function CommandSeparator({
-	return (
+  className,
-		<CommandPrimitive.Separator
+  ...props
-			data-slot="command-separator"
+}: React.ComponentProps<typeof CommandPrimitive.Separator>) {
-			className={cn('-mx-1 h-px bg-border', className)}
+  return (
-			{...props}
+    <CommandPrimitive.Separator
-		/>
+      data-slot="command-separator"
-	);
+      className={cn("-mx-1 h-px bg-border", className)}
+      {...props}
+    />
+  )
 }
 
-function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {
+function CommandItem({
-	return (
+  className,
-		<CommandPrimitive.Item
+  children,
-			data-slot="command-item"
+  ...props
-			className={cn(
+}: React.ComponentProps<typeof CommandPrimitive.Item>) {
-				"group/command-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:bg-muted data-selected:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-selected:*:[svg]:text-foreground",
+  return (
-				className
+    <CommandPrimitive.Item
-			)}
+      data-slot="command-item"
-			{...props}
+      className={cn(
-		>
+        "group/command-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:bg-muted data-selected:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-selected:*:[svg]:text-foreground",
-			{children}
+        className
-			<CheckIcon className="ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" />
+      )}
-		</CommandPrimitive.Item>
+      {...props}
-	);
+    >
+      {children}
+      <CheckIcon className="ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" />
+    </CommandPrimitive.Item>
+  )
 }
 
-function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {
+function CommandShortcut({
-	return (
+  className,
-		<span
+  ...props
-			data-slot="command-shortcut"
+}: React.ComponentProps<"span">) {
-			className={cn(
+  return (
-				'ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground',
+    <span
-				className
+      data-slot="command-shortcut"
-			)}
+      className={cn(
-			{...props}
+        "ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
 export {
-	Command,
+  Command,
-	CommandDialog,
+  CommandDialog,
-	CommandInput,
+  CommandInput,
-	CommandList,
+  CommandList,
-	CommandEmpty,
+  CommandEmpty,
-	CommandGroup,
+  CommandGroup,
-	CommandItem,
+  CommandItem,
-	CommandShortcut,
+  CommandShortcut,
-	CommandSeparator,
+  CommandSeparator,
-};
+}

frontend/src/components/ui/dialog.tsx

@@ -1,135 +1,166 @@
-import * as React from 'react';
+import * as React from "react"
-import { Dialog as DialogPrimitive } from 'radix-ui';
+import { Dialog as DialogPrimitive } from "radix-ui"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
-import { Button } from '@/components/ui/button';
+import { Button } from "@/components/ui/button"
-import { XIcon } from 'lucide-react';
+import { XIcon } from "lucide-react"
 
-function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {
+function Dialog({
-	return <DialogPrimitive.Root data-slot="dialog" {...props} />;
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Root>) {
+  return <DialogPrimitive.Root data-slot="dialog" {...props} />
 }
 
-function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
+function DialogTrigger({
-	return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />;
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
+  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
 }
 
-function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {
+function DialogPortal({
-	return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />;
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
+  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
 }
 
-function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {
+function DialogClose({
-	return <DialogPrimitive.Close data-slot="dialog-close" {...props} />;
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Close>) {
+  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
 }
 
-function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+function DialogOverlay({
-	return (
+  className,
-		<DialogPrimitive.Overlay
+  ...props
-			data-slot="dialog-overlay"
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
-			className={cn(
+  return (
-				'fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0',
+    <DialogPrimitive.Overlay
-				className
+      data-slot="dialog-overlay"
-			)}
+      className={cn(
-			{...props}
+        "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
 function DialogContent({
-	className,
+  className,
-	children,
+  children,
-	showCloseButton = true,
+  showCloseButton = true,
-	...props
+  ...props
 }: React.ComponentProps<typeof DialogPrimitive.Content> & {
-	showCloseButton?: boolean;
+  showCloseButton?: boolean
 }) {
-	return (
+  return (
-		<DialogPortal>
+    <DialogPortal>
-			<DialogOverlay />
+      <DialogOverlay />
-			<DialogPrimitive.Content
+      <DialogPrimitive.Content
-				data-slot="dialog-content"
+        data-slot="dialog-content"
-				className={cn(
+        className={cn(
-					'fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
+          "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-					className
+          className
-				)}
+        )}
-				{...props}
+        {...props}
-			>
+      >
-				{children}
+        {children}
-				{showCloseButton && (
+        {showCloseButton && (
-					<DialogPrimitive.Close data-slot="dialog-close" asChild>
+          <DialogPrimitive.Close data-slot="dialog-close" asChild>
-						<Button variant="ghost" className="absolute top-2 right-2" size="icon-sm">
+            <Button
-							<XIcon />
+              variant="ghost"
-							<span className="sr-only">Close</span>
+              className="absolute top-2 right-2"
-						</Button>
+              size="icon-sm"
-					</DialogPrimitive.Close>
+            >
-				)}
+              <XIcon
-			</DialogPrimitive.Content>
+              />
-		</DialogPortal>
+              <span className="sr-only">Close</span>
-	);
+            </Button>
+          </DialogPrimitive.Close>
+        )}
+      </DialogPrimitive.Content>
+    </DialogPortal>
+  )
 }
 
-function DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {
+function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
-	return <div data-slot="dialog-header" className={cn('flex flex-col gap-2', className)} {...props} />;
+  return (
+    <div
+      data-slot="dialog-header"
+      className={cn("flex flex-col gap-2", className)}
+      {...props}
+    />
+  )
 }
 
 function DialogFooter({
-	className,
+  className,
-	showCloseButton = false,
+  showCloseButton = false,
-	children,
+  children,
-	...props
+  ...props
-}: React.ComponentProps<'div'> & {
+}: React.ComponentProps<"div"> & {
-	showCloseButton?: boolean;
+  showCloseButton?: boolean
 }) {
-	return (
+  return (
-		<div
+    <div
-			data-slot="dialog-footer"
+      data-slot="dialog-footer"
-			className={cn(
+      className={cn(
-				'-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end',
+        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end",
-				className
+        className
-			)}
+      )}
-			{...props}
+      {...props}
-		>
+    >
-			{children}
+      {children}
-			{showCloseButton && (
+      {showCloseButton && (
-				<DialogPrimitive.Close asChild>
+        <DialogPrimitive.Close asChild>
-					<Button variant="outline">Close</Button>
+          <Button variant="outline">Close</Button>
-				</DialogPrimitive.Close>
+        </DialogPrimitive.Close>
-			)}
+      )}
-		</div>
+    </div>
-	);
+  )
 }
 
-function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {
+function DialogTitle({
-	return (
+  className,
-		<DialogPrimitive.Title
+  ...props
-			data-slot="dialog-title"
+}: React.ComponentProps<typeof DialogPrimitive.Title>) {
-			className={cn('text-base leading-none font-medium', className)}
+  return (
-			{...props}
+    <DialogPrimitive.Title
-		/>
+      data-slot="dialog-title"
-	);
+      className={cn(
+        "text-base leading-none font-medium",
+        className
+      )}
+      {...props}
+    />
+  )
 }
 
-function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>) {
+function DialogDescription({
-	return (
+  className,
-		<DialogPrimitive.Description
+  ...props
-			data-slot="dialog-description"
+}: React.ComponentProps<typeof DialogPrimitive.Description>) {
-			className={cn(
+  return (
-				'text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',
+    <DialogPrimitive.Description
-				className
+      data-slot="dialog-description"
-			)}
+      className={cn(
-			{...props}
+        "text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
 export {
-	Dialog,
+  Dialog,
-	DialogClose,
+  DialogClose,
-	DialogContent,
+  DialogContent,
-	DialogDescription,
+  DialogDescription,
-	DialogFooter,
+  DialogFooter,
-	DialogHeader,
+  DialogHeader,
-	DialogOverlay,
+  DialogOverlay,
-	DialogPortal,
+  DialogPortal,
-	DialogTitle,
+  DialogTitle,
-	DialogTrigger,
+  DialogTrigger,
-};
+}

frontend/src/components/ui/input-group.tsx

@@ -1,135 +1,156 @@
-'use client';
+"use client"
 
-import * as React from 'react';
+import * as React from "react"
-import { cva, type VariantProps } from 'class-variance-authority';
+import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
-import { Button } from '@/components/ui/button';
+import { Button } from "@/components/ui/button"
-import { Input } from '@/components/ui/input';
+import { Input } from "@/components/ui/input"
-import { Textarea } from '@/components/ui/textarea';
+import { Textarea } from "@/components/ui/textarea"
 
-function InputGroup({ className, ...props }: React.ComponentProps<'div'>) {
+function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
-	return (
+  return (
-		<div
+    <div
-			data-slot="input-group"
+      data-slot="input-group"
-			role="group"
+      role="group"
-			className={cn(
+      className={cn(
-				'group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5',
+        "group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5",
-				className
+        className
-			)}
+      )}
-			{...props}
+      {...props}
-		/>
+    />
-	);
+  )
 }
 
 const inputGroupAddonVariants = cva(
-	"flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
+  "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
-	{
+  {
-		variants: {
+    variants: {
-			align: {
+      align: {
-				'inline-start': 'order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]',
+        "inline-start":
-				'inline-end': 'order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]',
+          "order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
-				'block-start':
+        "inline-end":
-					'order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2',
+          "order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
-				'block-end': 'order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2',
+        "block-start":
-			},
+          "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
-		},
+        "block-end":
-		defaultVariants: {
+          "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2",
-			align: 'inline-start',
+      },
-		},
+    },
-	}
+    defaultVariants: {
-);
+      align: "inline-start",
+    },
+  }
+)
 
 function InputGroupAddon({
-	className,
+  className,
-	align = 'inline-start',
+  align = "inline-start",
-	...props
+  ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>) {
+}: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>) {
-	return (
+  return (
-		<div
+    <div
-			role="group"
+      role="group"
-			data-slot="input-group-addon"
+      data-slot="input-group-addon"
-			data-align={align}
+      data-align={align}
-			className={cn(inputGroupAddonVariants({ align }), className)}
+      className={cn(inputGroupAddonVariants({ align }), className)}
-			onClick={(e) => {
+      onClick={(e) => {
-				if ((e.target as HTMLElement).closest('button')) {
+        if ((e.target as HTMLElement).closest("button")) {
-					return;
+          return
-				}
+        }
-				e.currentTarget.parentElement?.querySelector('input')?.focus();
+        e.currentTarget.parentElement?.querySelector("input")?.focus()
-			}}
+      }}
-			{...props}
+      {...props}
-		/>
+    />
-	);
+  )
 }
 
-const inputGroupButtonVariants = cva('flex items-center gap-2 text-sm shadow-none', {
+const inputGroupButtonVariants = cva(
-	variants: {
+  "flex items-center gap-2 text-sm shadow-none",
-		size: {
+  {
-			xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+    variants: {
-			sm: '',
+      size: {
-			'icon-xs': 'size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0',
+        xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
-			'icon-sm': 'size-8 p-0 has-[>svg]:p-0',
+        sm: "",
-		},
+        "icon-xs":
-	},
+          "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
-	defaultVariants: {
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0",
-		size: 'xs',
+      },
-	},
+    },
-});
+    defaultVariants: {
+      size: "xs",
+    },
+  }
+)
 
 function InputGroupButton({
-	className,
+  className,
-	type = 'button',
+  type = "button",
-	variant = 'ghost',
+  variant = "ghost",
-	size = 'xs',
+  size = "xs",
-	...props
+  ...props
-}: Omit<React.ComponentProps<typeof Button>, 'size'> & VariantProps<typeof inputGroupButtonVariants>) {
+}: Omit<React.ComponentProps<typeof Button>, "size"> &
-	return (
+  VariantProps<typeof inputGroupButtonVariants>) {
-		<Button
+  return (
-			type={type}
+    <Button
-			data-size={size}
+      type={type}
-			variant={variant}
+      data-size={size}
-			className={cn(inputGroupButtonVariants({ size }), className)}
+      variant={variant}
-			{...props}
+      className={cn(inputGroupButtonVariants({ size }), className)}
-		/>
+      {...props}
-	);
+    />
+  )
 }
 
-function InputGroupText({ className, ...props }: React.ComponentProps<'span'>) {
+function InputGroupText({ className, ...props }: React.ComponentProps<"span">) {
-	return (
+  return (
-		<span
+    <span
-			className={cn(
+      className={cn(
-				"flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        "flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
-				className
+        className
-			)}
+      )}
-			{...props}
+      {...props}
-		/>
+    />
-	);
+  )
 }
 
-function InputGroupInput({ className, ...props }: React.ComponentProps<'input'>) {
+function InputGroupInput({
-	return (
+  className,
-		<Input
+  ...props
-			data-slot="input-group-control"
+}: React.ComponentProps<"input">) {
-			className={cn(
+  return (
-				'flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent',
+    <Input
-				className
+      data-slot="input-group-control"
-			)}
+      className={cn(
-			{...props}
+        "flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
-function InputGroupTextarea({ className, ...props }: React.ComponentProps<'textarea'>) {
+function InputGroupTextarea({
-	return (
+  className,
-		<Textarea
+  ...props
-			data-slot="input-group-control"
+}: React.ComponentProps<"textarea">) {
-			className={cn(
+  return (
-				'flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent',
+    <Textarea
-				className
+      data-slot="input-group-control"
-			)}
+      className={cn(
-			{...props}
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea };
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupText,
+  InputGroupInput,
+  InputGroupTextarea,
+}

frontend/src/components/ui/input.tsx

@@ -1,19 +1,19 @@
-import * as React from 'react';
+import * as React from "react"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
-function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
-	return (
+  return (
-		<input
+    <input
-			type={type}
+      type={type}
-			data-slot="input"
+      data-slot="input"
-			className={cn(
+      className={cn(
-				'h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',
+        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
-				className
+        className
-			)}
+      )}
-			{...props}
+      {...props}
-		/>
+    />
-	);
+  )
 }
 
-export { Input };
+export { Input }

frontend/src/components/ui/label.tsx

@@ -1,19 +1,22 @@
-import * as React from 'react';
+import * as React from "react"
-import { Label as LabelPrimitive } from 'radix-ui';
+import { Label as LabelPrimitive } from "radix-ui"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
-function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {
+function Label({
-	return (
+  className,
-		<LabelPrimitive.Root
+  ...props
-			data-slot="label"
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
-			className={cn(
+  return (
-				'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+    <LabelPrimitive.Root
-				className
+      data-slot="label"
-			)}
+      className={cn(
-			{...props}
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
-export { Label };
+export { Label }

frontend/src/components/ui/popover.tsx

@@ -1,52 +1,87 @@
-import * as React from 'react';
+import * as React from "react"
-import { Popover as PopoverPrimitive } from 'radix-ui';
+import { Popover as PopoverPrimitive } from "radix-ui"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
-function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {
+function Popover({
-	return <PopoverPrimitive.Root data-slot="popover" {...props} />;
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Root>) {
+  return <PopoverPrimitive.Root data-slot="popover" {...props} />
 }
 
-function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
+function PopoverTrigger({
-	return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />;
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
+  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />
 }
 
 function PopoverContent({
-	className,
+  className,
-	align = 'center',
+  align = "center",
-	sideOffset = 4,
+  sideOffset = 4,
-	...props
+  ...props
 }: React.ComponentProps<typeof PopoverPrimitive.Content>) {
-	return (
+  return (
-		<PopoverPrimitive.Portal>
+    <PopoverPrimitive.Portal>
-			<PopoverPrimitive.Content
+      <PopoverPrimitive.Content
-				data-slot="popover-content"
+        data-slot="popover-content"
-				align={align}
+        align={align}
-				sideOffset={sideOffset}
+        sideOffset={sideOffset}
-				className={cn(
+        className={cn(
-					'z-50 flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
+          "z-50 flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-					className
+          className
-				)}
+        )}
-				{...props}
+        {...props}
-			/>
+      />
-		</PopoverPrimitive.Portal>
+    </PopoverPrimitive.Portal>
-	);
+  )
 }
 
-function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
+function PopoverAnchor({
-	return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />;
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
+  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />
 }
 
-function PopoverHeader({ className, ...props }: React.ComponentProps<'div'>) {
+function PopoverHeader({ className, ...props }: React.ComponentProps<"div">) {
-	return <div data-slot="popover-header" className={cn('flex flex-col gap-0.5 text-sm', className)} {...props} />;
+  return (
+    <div
+      data-slot="popover-header"
+      className={cn("flex flex-col gap-0.5 text-sm", className)}
+      {...props}
+    />
+  )
 }
 
-function PopoverTitle({ className, ...props }: React.ComponentProps<'h2'>) {
+function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">) {
-	return <div data-slot="popover-title" className={cn('font-medium', className)} {...props} />;
+  return (
+    <div
+      data-slot="popover-title"
+      className={cn("font-medium", className)}
+      {...props}
+    />
+  )
 }
 
-function PopoverDescription({ className, ...props }: React.ComponentProps<'p'>) {
+function PopoverDescription({
-	return <p data-slot="popover-description" className={cn('text-muted-foreground', className)} {...props} />;
+  className,
+  ...props
+}: React.ComponentProps<"p">) {
+  return (
+    <p
+      data-slot="popover-description"
+      className={cn("text-muted-foreground", className)}
+      {...props}
+    />
+  )
 }
 
-export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
+export {
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverDescription,
+  PopoverHeader,
+  PopoverTitle,
+  PopoverTrigger,
+}

frontend/src/components/ui/scroll-area.tsx

@@ -1,45 +1,53 @@
-import * as React from 'react';
+import * as React from "react"
-import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
-function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {
+function ScrollArea({
-	return (
+  className,
-		<ScrollAreaPrimitive.Root data-slot="scroll-area" className={cn('relative', className)} {...props}>
+  children,
-			<ScrollAreaPrimitive.Viewport
+  ...props
-				data-slot="scroll-area-viewport"
+}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {
-				className="size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1"
+  return (
-			>
+    <ScrollAreaPrimitive.Root
-				{children}
+      data-slot="scroll-area"
-			</ScrollAreaPrimitive.Viewport>
+      className={cn("relative", className)}
-			<ScrollBar />
+      {...props}
-			<ScrollAreaPrimitive.Corner />
+    >
-		</ScrollAreaPrimitive.Root>
+      <ScrollAreaPrimitive.Viewport
-	);
+        data-slot="scroll-area-viewport"
+        className="size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1"
+      >
+        {children}
+      </ScrollAreaPrimitive.Viewport>
+      <ScrollBar />
+      <ScrollAreaPrimitive.Corner />
+    </ScrollAreaPrimitive.Root>
+  )
 }
 
 function ScrollBar({
-	className,
+  className,
-	orientation = 'vertical',
+  orientation = "vertical",
-	...props
+  ...props
 }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {
-	return (
+  return (
-		<ScrollAreaPrimitive.ScrollAreaScrollbar
+    <ScrollAreaPrimitive.ScrollAreaScrollbar
-			data-slot="scroll-area-scrollbar"
+      data-slot="scroll-area-scrollbar"
-			data-orientation={orientation}
+      data-orientation={orientation}
-			orientation={orientation}
+      orientation={orientation}
-			className={cn(
+      className={cn(
-				'flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent',
+        "flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent",
-				className
+        className
-			)}
+      )}
-			{...props}
+      {...props}
-		>
+    >
-			<ScrollAreaPrimitive.ScrollAreaThumb
+      <ScrollAreaPrimitive.ScrollAreaThumb
-				data-slot="scroll-area-thumb"
+        data-slot="scroll-area-thumb"
-				className="relative flex-1 rounded-full bg-border"
+        className="relative flex-1 rounded-full bg-border"
-			/>
+      />
-		</ScrollAreaPrimitive.ScrollAreaScrollbar>
+    </ScrollAreaPrimitive.ScrollAreaScrollbar>
-	);
+  )
 }
 
-export { ScrollArea, ScrollBar };
+export { ScrollArea, ScrollBar }

frontend/src/components/ui/select.tsx

@@ -1,167 +1,190 @@
-import * as React from 'react';
+import * as React from "react"
-import { Select as SelectPrimitive } from 'radix-ui';
+import { Select as SelectPrimitive } from "radix-ui"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
-import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';
+import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react"
 
-function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {
+function Select({
-	return <SelectPrimitive.Root data-slot="select" {...props} />;
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Root>) {
+  return <SelectPrimitive.Root data-slot="select" {...props} />
 }
 
-function SelectGroup({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {
+function SelectGroup({
-	return <SelectPrimitive.Group data-slot="select-group" className={cn('scroll-my-1 p-1', className)} {...props} />;
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Group>) {
+  return (
+    <SelectPrimitive.Group
+      data-slot="select-group"
+      className={cn("scroll-my-1 p-1", className)}
+      {...props}
+    />
+  )
 }
 
-function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {
+function SelectValue({
-	return <SelectPrimitive.Value data-slot="select-value" {...props} />;
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Value>) {
+  return <SelectPrimitive.Value data-slot="select-value" {...props} />
 }
 
 function SelectTrigger({
-	className,
+  className,
-	size = 'default',
+  size = "default",
-	children,
+  children,
-	...props
+  ...props
 }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
-	size?: 'sm' | 'default';
+  size?: "sm" | "default"
 }) {
-	return (
+  return (
-		<SelectPrimitive.Trigger
+    <SelectPrimitive.Trigger
-			data-slot="select-trigger"
+      data-slot="select-trigger"
-			data-size={size}
+      data-size={size}
-			className={cn(
+      className={cn(
-				"flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-				className
+        className
-			)}
+      )}
-			{...props}
+      {...props}
-		>
+    >
-			{children}
+      {children}
-			<SelectPrimitive.Icon asChild>
+      <SelectPrimitive.Icon asChild>
-				<ChevronDownIcon className="pointer-events-none size-4 text-muted-foreground" />
+        <ChevronDownIcon className="pointer-events-none size-4 text-muted-foreground" />
-			</SelectPrimitive.Icon>
+      </SelectPrimitive.Icon>
-		</SelectPrimitive.Trigger>
+    </SelectPrimitive.Trigger>
-	);
+  )
 }
 
 function SelectContent({
-	className,
+  className,
-	children,
+  children,
-	position = 'item-aligned',
+  position = "item-aligned",
-	align = 'center',
+  align = "center",
-	...props
+  ...props
 }: React.ComponentProps<typeof SelectPrimitive.Content>) {
-	return (
+  return (
-		<SelectPrimitive.Portal>
+    <SelectPrimitive.Portal>
-			<SelectPrimitive.Content
+      <SelectPrimitive.Content
-				data-slot="select-content"
+        data-slot="select-content"
-				data-align-trigger={position === 'item-aligned'}
+        data-align-trigger={position === "item-aligned"}
-				className={cn(
+        className={cn("relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", position ==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className )}
-					'relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
+        position={position}
-					position === 'popper' &&
+        align={align}
-						'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
+        {...props}
-					className
+      >
-				)}
+        <SelectScrollUpButton />
-				position={position}
+        <SelectPrimitive.Viewport
-				align={align}
+          data-position={position}
-				{...props}
+          className={cn(
-			>
+            "data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)",
-				<SelectScrollUpButton />
+            position === "popper" && ""
-				<SelectPrimitive.Viewport
+          )}
-					data-position={position}
+        >
-					className={cn(
+          {children}
-						'data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)',
+        </SelectPrimitive.Viewport>
-						position === 'popper' && ''
+        <SelectScrollDownButton />
-					)}
+      </SelectPrimitive.Content>
-				>
+    </SelectPrimitive.Portal>
-					{children}
+  )
-				</SelectPrimitive.Viewport>
-				<SelectScrollDownButton />
-			</SelectPrimitive.Content>
-		</SelectPrimitive.Portal>
-	);
 }
 
-function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {
+function SelectLabel({
-	return (
+  className,
-		<SelectPrimitive.Label
+  ...props
-			data-slot="select-label"
+}: React.ComponentProps<typeof SelectPrimitive.Label>) {
-			className={cn('px-1.5 py-1 text-xs text-muted-foreground', className)}
+  return (
-			{...props}
+    <SelectPrimitive.Label
-		/>
+      data-slot="select-label"
-	);
+      className={cn("px-1.5 py-1 text-xs text-muted-foreground", className)}
+      {...props}
+    />
+  )
 }
 
-function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {
+function SelectItem({
-	return (
+  className,
-		<SelectPrimitive.Item
+  children,
-			data-slot="select-item"
+  ...props
-			className={cn(
+}: React.ComponentProps<typeof SelectPrimitive.Item>) {
-				"relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+  return (
-				className
+    <SelectPrimitive.Item
-			)}
+      data-slot="select-item"
-			{...props}
+      className={cn(
-		>
+        "relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-			<span className="pointer-events-none absolute right-2 flex size-4 items-center justify-center">
+        className
-				<SelectPrimitive.ItemIndicator>
+      )}
-					<CheckIcon className="pointer-events-none" />
+      {...props}
-				</SelectPrimitive.ItemIndicator>
+    >
-			</span>
+      <span className="pointer-events-none absolute right-2 flex size-4 items-center justify-center">
-			<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+        <SelectPrimitive.ItemIndicator>
-		</SelectPrimitive.Item>
+          <CheckIcon className="pointer-events-none" />
-	);
+        </SelectPrimitive.ItemIndicator>
+      </span>
+      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+    </SelectPrimitive.Item>
+  )
 }
 
-function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {
+function SelectSeparator({
-	return (
+  className,
-		<SelectPrimitive.Separator
+  ...props
-			data-slot="select-separator"
+}: React.ComponentProps<typeof SelectPrimitive.Separator>) {
-			className={cn('pointer-events-none -mx-1 my-1 h-px bg-border', className)}
+  return (
-			{...props}
+    <SelectPrimitive.Separator
-		/>
+      data-slot="select-separator"
-	);
+      className={cn("pointer-events-none -mx-1 my-1 h-px bg-border", className)}
+      {...props}
+    />
+  )
 }
 
-function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
+function SelectScrollUpButton({
-	return (
+  className,
-		<SelectPrimitive.ScrollUpButton
+  ...props
-			data-slot="select-scroll-up-button"
+}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
-			className={cn(
+  return (
-				"z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
+    <SelectPrimitive.ScrollUpButton
-				className
+      data-slot="select-scroll-up-button"
-			)}
+      className={cn(
-			{...props}
+        "z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
-		>
+        className
-			<ChevronUpIcon />
+      )}
-		</SelectPrimitive.ScrollUpButton>
+      {...props}
-	);
+    >
+      <ChevronUpIcon
+      />
+    </SelectPrimitive.ScrollUpButton>
+  )
 }
 
 function SelectScrollDownButton({
-	className,
+  className,
-	...props
+  ...props
 }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {
-	return (
+  return (
-		<SelectPrimitive.ScrollDownButton
+    <SelectPrimitive.ScrollDownButton
-			data-slot="select-scroll-down-button"
+      data-slot="select-scroll-down-button"
-			className={cn(
+      className={cn(
-				"z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
+        "z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
-				className
+        className
-			)}
+      )}
-			{...props}
+      {...props}
-		>
+    >
-			<ChevronDownIcon />
+      <ChevronDownIcon
-		</SelectPrimitive.ScrollDownButton>
+      />
-	);
+    </SelectPrimitive.ScrollDownButton>
+  )
 }
 
 export {
-	Select,
+  Select,
-	SelectContent,
+  SelectContent,
-	SelectGroup,
+  SelectGroup,
-	SelectItem,
+  SelectItem,
-	SelectLabel,
+  SelectLabel,
-	SelectScrollDownButton,
+  SelectScrollDownButton,
-	SelectScrollUpButton,
+  SelectScrollUpButton,
-	SelectSeparator,
+  SelectSeparator,
-	SelectTrigger,
+  SelectTrigger,
-	SelectValue,
+  SelectValue,
-};
+}

frontend/src/components/ui/separator.tsx

@@ -1,26 +1,26 @@
-import * as React from 'react';
+import * as React from "react"
-import { Separator as SeparatorPrimitive } from 'radix-ui';
+import { Separator as SeparatorPrimitive } from "radix-ui"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
 function Separator({
-	className,
+  className,
-	orientation = 'horizontal',
+  orientation = "horizontal",
-	decorative = true,
+  decorative = true,
-	...props
+  ...props
 }: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
-	return (
+  return (
-		<SeparatorPrimitive.Root
+    <SeparatorPrimitive.Root
-			data-slot="separator"
+      data-slot="separator"
-			decorative={decorative}
+      decorative={decorative}
-			orientation={orientation}
+      orientation={orientation}
-			className={cn(
+      className={cn(
-				'shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch',
+        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
-				className
+        className
-			)}
+      )}
-			{...props}
+      {...props}
-		/>
+    />
-	);
+  )
 }
 
-export { Separator };
+export { Separator }

frontend/src/components/ui/switch.tsx

@@ -1,22 +1,22 @@
-import * as React from 'react';
+import * as React from "react";
-import { Switch as SwitchPrimitive } from 'radix-ui';
+import {Switch as SwitchPrimitive} from "radix-ui";
 
-import { cn } from '@/lib/utils';
+import {cn} from "@/lib/utils";
 
 function Switch({
 	className,
-	size = 'default',
+	size = "default",
 	...props
 }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
-	size?: 'sm' | 'default';
+	size?: "sm" | "default";
 }) {
 	return (
 		<SwitchPrimitive.Root
 			data-slot="switch"
 			data-size={size}
 			className={cn(
-				'peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50',
+				"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
-				className
+				className,
 			)}
 			{...props}
 		>
@@ -28,4 +28,4 @@ function Switch({
 	);
 }
 
-export { Switch };
+export {Switch};

frontend/src/components/ui/table.tsx

@@ -1,70 +1,114 @@
-import * as React from 'react';
+import * as React from "react"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
-function Table({ className, ...props }: React.ComponentProps<'table'>) {
+function Table({ className, ...props }: React.ComponentProps<"table">) {
-	return (
+  return (
-		<div data-slot="table-container" className="relative w-full overflow-x-auto">
+    <div
-			<table data-slot="table" className={cn('w-full caption-bottom text-sm', className)} {...props} />
+      data-slot="table-container"
-		</div>
+      className="relative w-full overflow-x-auto"
-	);
+    >
+      <table
+        data-slot="table"
+        className={cn("w-full caption-bottom text-sm", className)}
+        {...props}
+      />
+    </div>
+  )
 }
 
-function TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {
+function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
-	return <thead data-slot="table-header" className={cn('[&_tr]:border-b', className)} {...props} />;
+  return (
+    <thead
+      data-slot="table-header"
+      className={cn("[&_tr]:border-b", className)}
+      {...props}
+    />
+  )
 }
 
-function TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {
+function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
-	return <tbody data-slot="table-body" className={cn('[&_tr:last-child]:border-0', className)} {...props} />;
+  return (
+    <tbody
+      data-slot="table-body"
+      className={cn("[&_tr:last-child]:border-0", className)}
+      {...props}
+    />
+  )
 }
 
-function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {
+function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
-	return (
+  return (
-		<tfoot
+    <tfoot
-			data-slot="table-footer"
+      data-slot="table-footer"
-			className={cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className)}
+      className={cn(
-			{...props}
+        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
-function TableRow({ className, ...props }: React.ComponentProps<'tr'>) {
+function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
-	return (
+  return (
-		<tr
+    <tr
-			data-slot="table-row"
+      data-slot="table-row"
-			className={cn('border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', className)}
+      className={cn(
-			{...props}
+        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
-function TableHead({ className, ...props }: React.ComponentProps<'th'>) {
+function TableHead({ className, ...props }: React.ComponentProps<"th">) {
-	return (
+  return (
-		<th
+    <th
-			data-slot="table-head"
+      data-slot="table-head"
-			className={cn(
+      className={cn(
-				'h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0',
+        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
-				className
+        className
-			)}
+      )}
-			{...props}
+      {...props}
-		/>
+    />
-	);
+  )
 }
 
-function TableCell({ className, ...props }: React.ComponentProps<'td'>) {
+function TableCell({ className, ...props }: React.ComponentProps<"td">) {
-	return (
+  return (
-		<td
+    <td
-			data-slot="table-cell"
+      data-slot="table-cell"
-			className={cn('p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0', className)}
+      className={cn(
-			{...props}
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
-function TableCaption({ className, ...props }: React.ComponentProps<'caption'>) {
+function TableCaption({
-	return (
+  className,
-		<caption data-slot="table-caption" className={cn('mt-4 text-sm text-muted-foreground', className)} {...props} />
+  ...props
-	);
+}: React.ComponentProps<"caption">) {
+  return (
+    <caption
+      data-slot="table-caption"
+      className={cn("mt-4 text-sm text-muted-foreground", className)}
+      {...props}
+    />
+  )
 }
 
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}

frontend/src/components/ui/tabs.tsx

@@ -1,74 +1,88 @@
-import * as React from 'react';
+import * as React from "react"
-import { cva, type VariantProps } from 'class-variance-authority';
+import { cva, type VariantProps } from "class-variance-authority"
-import { Tabs as TabsPrimitive } from 'radix-ui';
+import { Tabs as TabsPrimitive } from "radix-ui"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
-function Tabs({ className, orientation = 'horizontal', ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {
+function Tabs({
-	return (
+  className,
-		<TabsPrimitive.Root
+  orientation = "horizontal",
-			data-slot="tabs"
+  ...props
-			data-orientation={orientation}
+}: React.ComponentProps<typeof TabsPrimitive.Root>) {
-			className={cn('group/tabs flex gap-2 data-horizontal:flex-col', className)}
+  return (
-			{...props}
+    <TabsPrimitive.Root
-		/>
+      data-slot="tabs"
-	);
+      data-orientation={orientation}
+      className={cn(
+        "group/tabs flex gap-2 data-horizontal:flex-col",
+        className
+      )}
+      {...props}
+    />
+  )
 }
 
 const tabsListVariants = cva(
-	'group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none',
+  "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
-	{
+  {
-		variants: {
+    variants: {
-			variant: {
+      variant: {
-				default: 'bg-muted',
+        default: "bg-muted",
-				line: 'gap-1 bg-transparent',
+        line: "gap-1 bg-transparent",
-			},
+      },
-		},
+    },
-		defaultVariants: {
+    defaultVariants: {
-			variant: 'default',
+      variant: "default",
-		},
+    },
-	}
+  }
-);
+)
 
 function TabsList({
-	className,
+  className,
-	variant = 'default',
+  variant = "default",
-	...props
+  ...props
-}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>) {
+}: React.ComponentProps<typeof TabsPrimitive.List> &
-	return (
+  VariantProps<typeof tabsListVariants>) {
-		<TabsPrimitive.List
+  return (
-			data-slot="tabs-list"
+    <TabsPrimitive.List
-			data-variant={variant}
+      data-slot="tabs-list"
-			className={cn(tabsListVariants({ variant }), className)}
+      data-variant={variant}
-			{...props}
+      className={cn(tabsListVariants({ variant }), className)}
-		/>
+      {...props}
-	);
+    />
+  )
 }
 
-function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
+function TabsTrigger({
-	return (
+  className,
-		<TabsPrimitive.Trigger
+  ...props
-			data-slot="tabs-trigger"
+}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
-			className={cn(
+  return (
-				"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    <TabsPrimitive.Trigger
-				'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent',
+      data-slot="tabs-trigger"
-				'data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground',
+      className={cn(
-				'after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100',
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-				className
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
-			)}
+        "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
-			{...props}
+        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
-		/>
+        className
-	);
+      )}
+      {...props}
+    />
+  )
 }
 
-function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {
+function TabsContent({
-	return (
+  className,
-		<TabsPrimitive.Content
+  ...props
-			data-slot="tabs-content"
+}: React.ComponentProps<typeof TabsPrimitive.Content>) {
-			className={cn('flex-1 text-sm outline-none', className)}
+  return (
-			{...props}
+    <TabsPrimitive.Content
-		/>
+      data-slot="tabs-content"
-	);
+      className={cn("flex-1 text-sm outline-none", className)}
+      {...props}
+    />
+  )
 }
 
-export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }

frontend/src/components/ui/textarea.tsx

@@ -1,18 +1,18 @@
-import * as React from 'react';
+import * as React from "react"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
-function Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {
+function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
-	return (
+  return (
-		<textarea
+    <textarea
-			data-slot="textarea"
+      data-slot="textarea"
-			className={cn(
+      className={cn(
-				'flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',
+        "flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
-				className
+        className
-			)}
+      )}
-			{...props}
+      {...props}
-		/>
+    />
-	);
+  )
 }
 
-export { Textarea };
+export { Textarea }

frontend/src/components/ui/tooltip.tsx

@@ -1,42 +1,55 @@
-import * as React from 'react';
+import * as React from "react"
-import { Tooltip as TooltipPrimitive } from 'radix-ui';
+import { Tooltip as TooltipPrimitive } from "radix-ui"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
-function TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+function TooltipProvider({
-	return <TooltipPrimitive.Provider data-slot="tooltip-provider" delayDuration={delayDuration} {...props} />;
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  )
 }
 
-function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+function Tooltip({
-	return <TooltipPrimitive.Root data-slot="tooltip" {...props} />;
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return <TooltipPrimitive.Root data-slot="tooltip" {...props} />
 }
 
-function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+function TooltipTrigger({
-	return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
 }
 
 function TooltipContent({
-	className,
+  className,
-	sideOffset = 0,
+  sideOffset = 0,
-	children,
+  children,
-	...props
+  ...props
 }: React.ComponentProps<typeof TooltipPrimitive.Content>) {
-	return (
+  return (
-		<TooltipPrimitive.Portal>
+    <TooltipPrimitive.Portal>
-			<TooltipPrimitive.Content
+      <TooltipPrimitive.Content
-				data-slot="tooltip-content"
+        data-slot="tooltip-content"
-				sideOffset={sideOffset}
+        sideOffset={sideOffset}
-				className={cn(
+        className={cn(
-					'z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
+          "z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-					className
+          className
-				)}
+        )}
-				{...props}
+        {...props}
-			>
+      >
-				{children}
+        {children}
-				<TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" />
+        <TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" />
-			</TooltipPrimitive.Content>
+      </TooltipPrimitive.Content>
-		</TooltipPrimitive.Portal>
+    </TooltipPrimitive.Portal>
-	);
+  )
 }
 
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }

frontend/src/context/AuthContext.tsx

@@ -1,5 +1,5 @@
-import { createContext, useContext, useState } from 'react';
+import {createContext, useContext, useState} from "react";
-import api from '@/services/api';
+import api from "@/services/api";
 
 type AuthContextType = {
 	user: any;
@@ -10,26 +10,28 @@ type AuthContextType = {
 
 const AuthContext = createContext<AuthContextType | null>(null);
 
-export function AuthProvider({ children }: { children: React.ReactNode }) {
+export function AuthProvider({children}: {children: React.ReactNode}) {
-	const [token, setToken] = useState<string | null>(localStorage.getItem('token'));
+	const [token, setToken] = useState<string | null>(
+		localStorage.getItem("token"),
+	);
 
 	const [user, setUser] = useState(null);
 
 	async function login(username: string, password: string) {
-		const response = await api.post('/auth/login', {
+		const response = await api.post("/auth/login", {
 			username,
 			password,
 		});
 
 		const token = response.data.token;
 
-		localStorage.setItem('token', token);
+		localStorage.setItem("token", token);
 
 		setToken(token);
 	}
 
 	function logout() {
-		localStorage.removeItem('token');
+		localStorage.removeItem("token");
 
 		setToken(null);
 		setUser(null);
@@ -53,7 +55,7 @@ export function useAuth() {
 	const context = useContext(AuthContext);
 
 	if (!context) {
-		throw new Error('useAuth must be used inside AuthProvider');
+		throw new Error("useAuth must be used inside AuthProvider");
 	}
 
 	return context;

frontend/src/index.css

@@ -1,6 +1,6 @@
-@import 'tailwindcss';
+@import "tailwindcss";
-@import 'tw-animate-css';
+@import "tw-animate-css";
-@import 'shadcn/tailwind.css';
+@import "shadcn/tailwind.css";
 
 @custom-variant dark (&:is(.dark *));
 

frontend/src/layouts/DashboardLayout.tsx

@@ -1,7 +1,7 @@
-import { Outlet } from 'react-router-dom';
+import {Outlet} from "react-router-dom";
 
-import Sidebar from '@/components/layout/Sidebar';
+import Sidebar from "@/components/layout/Sidebar";
-import Header from '@/components/layout/Header';
+import Header from "@/components/layout/Header";
 
 export default function DashboardLayout() {
 	return (

frontend/src/lib/utils.ts

@@ -1,6 +1,6 @@
-import { clsx, type ClassValue } from 'clsx';
+import { clsx, type ClassValue } from "clsx"
-import { twMerge } from 'tailwind-merge';
+import { twMerge } from "tailwind-merge"
 
 export function cn(...inputs: ClassValue[]) {
-	return twMerge(clsx(inputs));
+  return twMerge(clsx(inputs))
 }

frontend/src/main.tsx

@@ -1,14 +1,14 @@
-import React from 'react';
+import React from "react";
-import ReactDOM from 'react-dom/client';
+import ReactDOM from "react-dom/client";
-import App from './App';
+import App from "./App";
-import './index.css';
+import "./index.css";
 
-import { AuthProvider } from './context/AuthContext';
+import {AuthProvider} from "./context/AuthContext";
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
+ReactDOM.createRoot(document.getElementById("root")!).render(
 	<React.StrictMode>
 		<AuthProvider>
 			<App />
 		</AuthProvider>
-	</React.StrictMode>
+	</React.StrictMode>,
 );

frontend/src/pages/Academics.tsx

@@ -1,22 +1,44 @@
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback } from "react";
 
-import { getAcademicsApi, deleteAcademicsApi } from '@/api/academics';
+import { getAcademicsApi, deleteAcademicsApi } from "@/api/academics";
-import { exportToExcel } from '@/utils/exportToExcel';
+import { exportToExcel } from "@/utils/exportToExcel";
 
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import {
+	Table,
+	TableBody,
+	TableCell,
+	TableHead,
+	TableHeader,
+	TableRow,
+} from "@/components/ui/table";
 
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from '@/components/ui/button';
+import { Button } from "@/components/ui/button";
-import { Input } from '@/components/ui/input';
+import { Input } from "@/components/ui/input";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import {
+	Dialog,
+	DialogContent,
+	DialogHeader,
+	DialogTitle,
+	DialogFooter,
+} from "@/components/ui/dialog";
 
-import { Loader2, Trash, RefreshCw, Download, ChevronLeft, ChevronRight, Eye, BookOpen } from 'lucide-react';
+import {
+	Loader2,
+	Trash,
+	RefreshCw,
+	Download,
+	ChevronLeft,
+	ChevronRight,
+	Eye,
+	BookOpen,
+} from "lucide-react";
 
 export default function AcademicsPage() {
 	const [records, setRecords] = useState<any[]>([]);
 	const [loading, setLoading] = useState(true);
 
-	const [searchText, setSearchText] = useState('');
+	const [searchText, setSearchText] = useState("");
 
 	const [viewOpen, setViewOpen] = useState(false);
 	const [viewData, setViewData] = useState<any>(null);
@@ -65,7 +87,7 @@ export default function AcademicsPage() {
 	}
 
 	async function handleDelete(id: number) {
-		if (!confirm('Delete record?')) return;
+		if (!confirm("Delete record?")) return;
 		await deleteAcademicsApi(id);
 		fetchAll();
 	}
@@ -82,7 +104,7 @@ export default function AcademicsPage() {
 			Date: new Date(item.createdAt).toLocaleDateString(),
 		}));
 
-		exportToExcel(exportData, 'academics');
+		exportToExcel(exportData, "academics");
 	};
 
 	return (
@@ -98,7 +120,12 @@ export default function AcademicsPage() {
 						className="w-[280px] text-base"
 					/>
 
-					<Button variant="outline" onClick={fetchAll} disabled={loading} className="text-base">
+					<Button
+						variant="outline"
+						onClick={fetchAll}
+						disabled={loading}
+						className="text-base"
+					>
 						<RefreshCw className="mr-2 h-5 w-5" />
 						Refresh
 					</Button>
@@ -120,13 +147,27 @@ export default function AcademicsPage() {
 						<Table className="w-full min-w-[1100px] table-fixed border-separate border-spacing-0">
 							<TableHeader className="sticky top-0 z-20 bg-background shadow-sm">
 								<TableRow>
-									<TableHead className="w-[60px] bg-background font-bold text-sm">ID</TableHead>
+									<TableHead className="w-[60px] bg-background font-bold text-sm">
-									<TableHead className="w-[220px] bg-background font-bold text-sm">Full Name</TableHead>
+										ID
-									<TableHead className="w-[180px] bg-background font-bold text-sm">Course</TableHead>
+									</TableHead>
-									<TableHead className="w-[180px] bg-background font-bold text-sm">Subject</TableHead>
+									<TableHead className="w-[220px] bg-background font-bold text-sm">
-									<TableHead className="w-[140px] bg-background font-bold text-sm">Applied Date</TableHead>
+										Full Name
-									<TableHead className="w-[220px] bg-background font-bold text-sm">Message</TableHead>
+									</TableHead>
-									<TableHead className="w-[120px] bg-background font-bold text-right text-sm">Actions</TableHead>
+									<TableHead className="w-[180px] bg-background font-bold text-sm">
+										Course
+									</TableHead>
+									<TableHead className="w-[180px] bg-background font-bold text-sm">
+										Subject
+									</TableHead>
+									<TableHead className="w-[140px] bg-background font-bold text-sm">
+										Applied Date
+									</TableHead>
+									<TableHead className="w-[220px] bg-background font-bold text-sm">
+										Message
+									</TableHead>
+									<TableHead className="w-[120px] bg-background font-bold text-right text-sm">
+										Actions
+									</TableHead>
 								</TableRow>
 							</TableHeader>
 
@@ -139,32 +180,56 @@ export default function AcademicsPage() {
 									</TableRow>
 								) : currentItems.length === 0 ? (
 									<TableRow>
-										<TableCell colSpan={7} className="text-center text-muted-foreground py-10 text-base">
+										<TableCell
+											colSpan={7}
+											className="text-center text-muted-foreground py-10 text-base"
+										>
 											No records found
 										</TableCell>
 									</TableRow>
 								) : (
 									currentItems.map((item) => (
 										<TableRow key={item.id} className="hover:bg-muted/50">
-											<TableCell className="font-mono text-xs">{item.id}</TableCell>
+											<TableCell className="font-mono text-xs">
-											<TableCell>
+												{item.id}
-												<div className="font-semibold text-base truncate">{item.fullName}</div>
-												<div className="text-xs text-muted-foreground truncate">{item.emailId}</div>
-												<div className="text-[11px] font-medium">{item.number}</div>
 											</TableCell>
 											<TableCell>
-												<div className="text-sm font-medium line-clamp-2">{item.courseName || '-'}</div>
+												<div className="font-semibold text-base truncate">
+													{item.fullName}
+												</div>
+												<div className="text-xs text-muted-foreground truncate">
+													{item.emailId}
+												</div>
+												<div className="text-[11px] font-medium">
+													{item.number}
+												</div>
 											</TableCell>
 											<TableCell>
-												<div className="text-sm line-clamp-2">{item.subject || '-'}</div>
+												<div className="text-sm font-medium line-clamp-2">
+													{item.courseName || "-"}
+												</div>
 											</TableCell>
-											<TableCell className="text-sm">{new Date(item.createdAt).toLocaleDateString()}</TableCell>
 											<TableCell>
-												<div className="text-sm line-clamp-2 text-muted-foreground italic">{item.message || '-'}</div>
+												<div className="text-sm line-clamp-2">
+													{item.subject || "-"}
+												</div>
+											</TableCell>
+											<TableCell className="text-sm">
+												{new Date(item.createdAt).toLocaleDateString()}
+											</TableCell>
+											<TableCell>
+												<div className="text-sm line-clamp-2 text-muted-foreground italic">
+													{item.message || "-"}
+												</div>
 											</TableCell>
 											<TableCell className="text-right">
 												<div className="flex justify-end gap-2">
-													<Button size="icon" variant="ghost" className="h-9 w-9" onClick={() => openView(item)}>
+													<Button
+														size="icon"
+														variant="ghost"
+														className="h-9 w-9"
+														onClick={() => openView(item)}
+													>
 														<Eye className="h-4 w-4" />
 													</Button>
 													<Button
@@ -187,9 +252,14 @@ export default function AcademicsPage() {
 					{!loading && filteredRecords.length > 0 && (
 						<div className="flex items-center justify-between px-2 py-6 border-t">
 							<div className="text-base text-muted-foreground">
-								Showing <span className="font-semibold">{indexOfFirstItem + 1}</span> to{' '}
+								Showing{" "}
-								<span className="font-semibold">{Math.min(indexOfLastItem, filteredRecords.length)}</span> of{' '}
+								<span className="font-semibold">{indexOfFirstItem + 1}</span> to{" "}
-								<span className="font-semibold">{filteredRecords.length}</span> records
+								<span className="font-semibold">
+									{Math.min(indexOfLastItem, filteredRecords.length)}
+								</span>{" "}
+								of{" "}
+								<span className="font-semibold">{filteredRecords.length}</span>{" "}
+								records
 							</div>
 							<div className="flex items-center gap-6">
 								<div className="text-base font-semibold">
@@ -200,7 +270,9 @@ export default function AcademicsPage() {
 										variant="outline"
 										size="icon"
 										className="h-10 w-10"
-										onClick={() => setCurrentPage((prev) => Math.max(prev - 1, 1))}
+										onClick={() =>
+											setCurrentPage((prev) => Math.max(prev - 1, 1))
+										}
 										disabled={currentPage === 1}
 									>
 										<ChevronLeft className="h-5 w-5" />
@@ -209,7 +281,9 @@ export default function AcademicsPage() {
 										variant="outline"
 										size="icon"
 										className="h-10 w-10"
-										onClick={() => setCurrentPage((prev) => Math.min(prev + 1, totalPages))}
+										onClick={() =>
+											setCurrentPage((prev) => Math.min(prev + 1, totalPages))
+										}
 										disabled={currentPage === totalPages || totalPages === 0}
 									>
 										<ChevronRight className="h-5 w-5" />
@@ -233,26 +307,42 @@ export default function AcademicsPage() {
 							<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
 								<div className="space-y-4">
 									<div>
-										<p className="text-xs uppercase font-bold text-muted-foreground">Applicant Information</p>
+										<p className="text-xs uppercase font-bold text-muted-foreground">
-										<p className="text-lg font-bold text-primary">{viewData.fullName}</p>
+											Applicant Information
+										</p>
+										<p className="text-lg font-bold text-primary">
+											{viewData.fullName}
+										</p>
 										<p className="text-sm font-medium">{viewData.emailId}</p>
 										<p className="text-sm">{viewData.number}</p>
 									</div>
 									<div>
-										<p className="text-xs uppercase font-bold text-muted-foreground">Course & Subject</p>
+										<p className="text-xs uppercase font-bold text-muted-foreground">
-										<p className="text-base font-semibold">{viewData.courseName || 'N/A'}</p>
+											Course & Subject
-										<p className="text-sm text-muted-foreground">{viewData.subject}</p>
+										</p>
+										<p className="text-base font-semibold">
+											{viewData.courseName || "N/A"}
+										</p>
+										<p className="text-sm text-muted-foreground">
+											{viewData.subject}
+										</p>
 									</div>
 									<div>
-										<p className="text-xs uppercase font-bold text-muted-foreground">Submission Date</p>
+										<p className="text-xs uppercase font-bold text-muted-foreground">
-										<p className="text-sm">{new Date(viewData.createdAt).toLocaleString()}</p>
+											Submission Date
+										</p>
+										<p className="text-sm">
+											{new Date(viewData.createdAt).toLocaleString()}
+										</p>
 									</div>
 								</div>
 								<div className="space-y-4">
 									<div className="p-4 bg-muted/30 rounded-lg border">
-										<p className="text-xs uppercase font-bold text-muted-foreground mb-2">Message / Research Inquiry</p>
+										<p className="text-xs uppercase font-bold text-muted-foreground mb-2">
+											Message / Research Inquiry
+										</p>
 										<p className="text-sm leading-relaxed whitespace-pre-wrap italic">
-											{viewData.message || 'No message content provided.'}
+											{viewData.message || "No message content provided."}
 										</p>
 									</div>
 								</div>
@@ -260,7 +350,10 @@ export default function AcademicsPage() {
 						</div>
 					)}
 					<DialogFooter>
-						<Button onClick={() => setViewOpen(false)} className="w-full md:w-auto">
+						<Button
+							onClick={() => setViewOpen(false)}
+							className="w-full md:w-auto"
+						>
 							Close
 						</Button>
 					</DialogFooter>

frontend/src/pages/Appointment.tsx

@@ -1,26 +1,47 @@
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback } from "react";
 
-import { getAppointmentsApi, deleteAppointmentApi } from '@/api/appointment';
+import { getAppointmentsApi, deleteAppointmentApi } from "@/api/appointment";
-import { exportToExcel } from '@/utils/exportToExcel';
+import { exportToExcel } from "@/utils/exportToExcel";
 
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import {
+	Table,
+	TableBody,
+	TableCell,
+	TableHead,
+	TableHeader,
+	TableRow,
+} from "@/components/ui/table";
 
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from '@/components/ui/button';
+import { Button } from "@/components/ui/button";
-import { Input } from '@/components/ui/input';
+import { Input } from "@/components/ui/input";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import {
+	Dialog,
+	DialogContent,
+	DialogHeader,
+	DialogTitle,
+	DialogFooter,
+} from "@/components/ui/dialog";
 
-import { Loader2, Trash, RefreshCw, Download, ChevronLeft, ChevronRight, Eye } from 'lucide-react';
+import {
+	Loader2,
+	Trash,
+	RefreshCw,
+	Download,
+	ChevronLeft,
+	ChevronRight,
+	Eye,
+} from "lucide-react";
 
 export default function AppointmentPage() {
 	const [appointments, setAppointments] = useState<any[]>([]);
 	const [loading, setLoading] = useState(true);
 
-	const [searchText, setSearchText] = useState('');
+	const [searchText, setSearchText] = useState("");
-	const [filterDoctor, setFilterDoctor] = useState('');
+	const [filterDoctor, setFilterDoctor] = useState("");
-	const [filterDate, setFilterDate] = useState('');
+	const [filterDate, setFilterDate] = useState("");
-	const [startDate, setStartDate] = useState('');
+	const [startDate, setStartDate] = useState("");
-	const [endDate, setEndDate] = useState('');
+	const [endDate, setEndDate] = useState("");
 	const [viewOpen, setViewOpen] = useState(false);
 	const [viewData, setViewData] = useState<any>(null);
 
@@ -32,7 +53,14 @@ export default function AppointmentPage() {
 	const fetchAll = useCallback(async () => {
 		setLoading(true);
 		try {
-			const res = await getAppointmentsApi(currentPage, itemsPerPage, filterDate, startDate, endDate, searchText);
+			const res = await getAppointmentsApi(
+				currentPage,
+				itemsPerPage,
+				filterDate,
+				startDate,
+				endDate,
+				searchText,
+			);
 			setAppointments(res?.data || []);
 			setTotalPages(res?.pagination?.totalPages || 1);
 			setTotalItems(res?.pagination?.total || 0);
@@ -48,7 +76,9 @@ export default function AppointmentPage() {
 	}, [fetchAll]);
 
 	const filteredAppointments = appointments.filter((item) => {
-		const matchesDoctor = filterDoctor ? item.doctor?.name?.toLowerCase().includes(filterDoctor.toLowerCase()) : true;
+		const matchesDoctor = filterDoctor
+			? item.doctor?.name?.toLowerCase().includes(filterDoctor.toLowerCase())
+			: true;
 
 		return matchesDoctor;
 	});
@@ -65,7 +95,7 @@ export default function AppointmentPage() {
 	}
 
 	async function handleDelete(id: number) {
-		if (!confirm('Delete appointment?')) return;
+		if (!confirm("Delete appointment?")) return;
 		await deleteAppointmentApi(id);
 		fetchAll();
 	}
@@ -81,7 +111,7 @@ export default function AppointmentPage() {
 			Date: new Date(item.date).toLocaleDateString(),
 			Message: item.message,
 		}));
-		exportToExcel(exportData, 'appointments');
+		exportToExcel(exportData, "appointments");
 	};
 
 	return (
@@ -91,7 +121,9 @@ export default function AppointmentPage() {
 
 				<div className="flex flex-wrap gap-4 items-end">
 					<div className="flex flex-col gap-1">
-						<label className="text-xs font-medium text-muted-foreground">Search</label>
+						<label className="text-xs font-medium text-muted-foreground">
+							Search
+						</label>
 						<Input
 							placeholder="Search name / phone..."
 							value={searchText}
@@ -104,7 +136,9 @@ export default function AppointmentPage() {
 					</div>
 
 					<div className="flex flex-col gap-1">
-						<label className="text-xs font-medium text-muted-foreground">Date</label>
+						<label className="text-xs font-medium text-muted-foreground">
+							Date
+						</label>
 						<Input
 							type="date"
 							value={filterDate}
@@ -118,7 +152,9 @@ export default function AppointmentPage() {
 					</div>
 
 					<div className="flex flex-col gap-1">
-						<label className="text-xs font-medium text-muted-foreground">From</label>
+						<label className="text-xs font-medium text-muted-foreground">
+							From
+						</label>
 						<Input
 							type="date"
 							value={startDate}
@@ -132,7 +168,9 @@ export default function AppointmentPage() {
 					</div>
 
 					<div className="flex flex-col gap-1">
-						<label className="text-xs font-medium text-muted-foreground">To</label>
+						<label className="text-xs font-medium text-muted-foreground">
+							To
+						</label>
 						<Input
 							type="date"
 							value={endDate}
@@ -146,7 +184,9 @@ export default function AppointmentPage() {
 					</div>
 
 					<div className="flex flex-col gap-1">
-						<label className="text-xs font-medium text-muted-foreground">Rows</label>
+						<label className="text-xs font-medium text-muted-foreground">
+							Rows
+						</label>
 						<select
 							value={itemsPerPage}
 							onChange={(e) => {
@@ -161,7 +201,12 @@ export default function AppointmentPage() {
 						</select>
 					</div>
 
-					<Button variant="outline" onClick={fetchAll} disabled={loading} className="text-base">
+					<Button
+						variant="outline"
+						onClick={fetchAll}
+						disabled={loading}
+						className="text-base"
+					>
 						<RefreshCw className="mr-2 h-5 w-5" />
 						Refresh
 					</Button>
@@ -183,12 +228,24 @@ export default function AppointmentPage() {
 						<Table className="w-full min-w-[1000px] table-fixed border-separate border-spacing-0">
 							<TableHeader className="sticky top-0 z-20 bg-background shadow-sm">
 								<TableRow>
-									<TableHead className="w-[60px] bg-background font-bold text-sm">ID</TableHead>
+									<TableHead className="w-[60px] bg-background font-bold text-sm">
-									<TableHead className="w-[200px] bg-background font-bold text-sm">Patient</TableHead>
+										ID
-									<TableHead className="w-[180px] bg-background font-bold text-sm">Doctor</TableHead>
+									</TableHead>
-									<TableHead className="w-[150px] bg-background font-bold text-sm">Date</TableHead>
+									<TableHead className="w-[200px] bg-background font-bold text-sm">
-									<TableHead className="w-[250px] bg-background font-bold text-sm">Message</TableHead>
+										Patient
-									<TableHead className="w-[120px] bg-background font-bold text-right text-sm">Actions</TableHead>
+									</TableHead>
+									<TableHead className="w-[180px] bg-background font-bold text-sm">
+										Doctor
+									</TableHead>
+									<TableHead className="w-[150px] bg-background font-bold text-sm">
+										Date
+									</TableHead>
+									<TableHead className="w-[250px] bg-background font-bold text-sm">
+										Message
+									</TableHead>
+									<TableHead className="w-[120px] bg-background font-bold text-right text-sm">
+										Actions
+									</TableHead>
 								</TableRow>
 							</TableHeader>
 
@@ -201,31 +258,53 @@ export default function AppointmentPage() {
 									</TableRow>
 								) : filteredAppointments.length === 0 ? (
 									<TableRow>
-										<TableCell colSpan={6} className="text-center text-muted-foreground py-10 text-base">
+										<TableCell
+											colSpan={6}
+											className="text-center text-muted-foreground py-10 text-base"
+										>
 											No appointments found
 										</TableCell>
 									</TableRow>
 								) : (
 									filteredAppointments.map((item) => (
 										<TableRow key={item.id} className="hover:bg-muted/50">
-											<TableCell className="font-mono text-xs">{item.id}</TableCell>
+											<TableCell className="font-mono text-xs">
-											<TableCell>
+												{item.id}
-												<div className="font-semibold text-base truncate">{item.name}</div>
-												<div className="text-xs text-muted-foreground">{item.mobileNumber}</div>
 											</TableCell>
 											<TableCell>
-												<div className="text-sm font-medium">{item.doctor?.name || '-'}</div>
+												<div className="font-semibold text-base truncate">
-												<div className="text-[10px] text-muted-foreground truncate">{item.department?.name}</div>
+													{item.name}
+												</div>
+												<div className="text-xs text-muted-foreground">
+													{item.mobileNumber}
+												</div>
 											</TableCell>
 											<TableCell>
-												<div className="text-sm">{new Date(item.date).toLocaleDateString()}</div>
+												<div className="text-sm font-medium">
+													{item.doctor?.name || "-"}
+												</div>
+												<div className="text-[10px] text-muted-foreground truncate">
+													{item.department?.name}
+												</div>
 											</TableCell>
 											<TableCell>
-												<div className="text-sm line-clamp-2 text-muted-foreground italic">{item.message || '-'}</div>
+												<div className="text-sm">
+													{new Date(item.date).toLocaleDateString()}
+												</div>
+											</TableCell>
+											<TableCell>
+												<div className="text-sm line-clamp-2 text-muted-foreground italic">
+													{item.message || "-"}
+												</div>
 											</TableCell>
 											<TableCell className="text-right">
 												<div className="flex justify-end gap-2">
-													<Button size="icon" variant="ghost" className="h-9 w-9" onClick={() => openView(item)}>
+													<Button
+														size="icon"
+														variant="ghost"
+														className="h-9 w-9"
+														onClick={() => openView(item)}
+													>
 														<Eye className="h-4 w-4" />
 													</Button>
 													<Button
@@ -248,9 +327,12 @@ export default function AppointmentPage() {
 					{!loading && totalItems > 0 && (
 						<div className="flex items-center justify-between px-2 py-6 border-t">
 							<div className="text-base text-muted-foreground">
-								Showing <span className="font-semibold">{indexOfFirstItem + 1}</span> to{' '}
+								Showing{" "}
-								<span className="font-semibold">{Math.min(currentPage * itemsPerPage, totalItems)}</span> of{' '}
+								<span className="font-semibold">{indexOfFirstItem + 1}</span> to{" "}
-								<span className="font-semibold">{totalItems}</span>
+								<span className="font-semibold">
+									{Math.min(currentPage * itemsPerPage, totalItems)}
+								</span>{" "}
+								of <span className="font-semibold">{totalItems}</span>
 							</div>
 							<div className="flex items-center gap-6">
 								<div className="text-base font-semibold">
@@ -261,7 +343,9 @@ export default function AppointmentPage() {
 										variant="outline"
 										size="icon"
 										className="h-10 w-10"
-										onClick={() => setCurrentPage((prev) => Math.max(prev - 1, 1))}
+										onClick={() =>
+											setCurrentPage((prev) => Math.max(prev - 1, 1))
+										}
 										disabled={currentPage === 1}
 									>
 										<ChevronLeft className="h-5 w-5" />
@@ -270,7 +354,9 @@ export default function AppointmentPage() {
 										variant="outline"
 										size="icon"
 										className="h-10 w-10"
-										onClick={() => setCurrentPage((prev) => Math.min(prev + 1, totalPages))}
+										onClick={() =>
+											setCurrentPage((prev) => Math.min(prev + 1, totalPages))
+										}
 										disabled={currentPage === totalPages || totalPages === 0}
 									>
 										<ChevronRight className="h-5 w-5" />
@@ -285,21 +371,33 @@ export default function AppointmentPage() {
 			<Dialog open={viewOpen} onOpenChange={setViewOpen}>
 				<DialogContent className="w-full !max-w-3xl max-h-[85vh] overflow-y-auto">
 					<DialogHeader>
-						<DialogTitle className="text-2xl border-b pb-2">Appointment Details</DialogTitle>
+						<DialogTitle className="text-2xl border-b pb-2">
+							Appointment Details
+						</DialogTitle>
 					</DialogHeader>
 					{viewData && (
 						<div className="space-y-6 py-4">
 							<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
 								<div className="space-y-4">
 									<div>
-										<p className="text-xs uppercase font-bold text-muted-foreground">Patient Information</p>
+										<p className="text-xs uppercase font-bold text-muted-foreground">
-										<p className="text-lg font-bold text-primary">{viewData.name}</p>
+											Patient Information
+										</p>
+										<p className="text-lg font-bold text-primary">
+											{viewData.name}
+										</p>
 										<p className="text-sm">{viewData.mobileNumber}</p>
-										<p className="text-sm">{viewData.email || 'No email provided'}</p>
+										<p className="text-sm">
+											{viewData.email || "No email provided"}
+										</p>
 									</div>
 									<div>
-										<p className="text-xs uppercase font-bold text-muted-foreground">Appointment Date</p>
+										<p className="text-xs uppercase font-bold text-muted-foreground">
-										<p className="text-base font-semibold">{new Date(viewData.date).toLocaleDateString()}</p>
+											Appointment Date
+										</p>
+										<p className="text-base font-semibold">
+											{new Date(viewData.date).toLocaleDateString()}
+										</p>
 										<p className="text-[10px] text-muted-foreground">
 											Booked on: {new Date(viewData.createdAt).toLocaleString()}
 										</p>
@@ -307,14 +405,22 @@ export default function AppointmentPage() {
 								</div>
 								<div className="space-y-4">
 									<div>
-										<p className="text-xs uppercase font-bold text-muted-foreground">Doctor / Department</p>
+										<p className="text-xs uppercase font-bold text-muted-foreground">
-										<p className="text-base font-bold">{viewData.doctor?.name || 'Not Assigned'}</p>
+											Doctor / Department
-										<p className="text-sm text-muted-foreground">{viewData.department?.name || 'General'}</p>
+										</p>
+										<p className="text-base font-bold">
+											{viewData.doctor?.name || "Not Assigned"}
+										</p>
+										<p className="text-sm text-muted-foreground">
+											{viewData.department?.name || "General"}
+										</p>
 									</div>
 									<div className="p-4 bg-muted/30 rounded-lg">
-										<p className="text-xs uppercase font-bold text-muted-foreground mb-2">Message from Patient</p>
+										<p className="text-xs uppercase font-bold text-muted-foreground mb-2">
+											Message from Patient
+										</p>
 										<p className="text-sm italic leading-relaxed whitespace-pre-wrap">
-											{viewData.message || 'No message provided.'}
+											{viewData.message || "No message provided."}
 										</p>
 									</div>
 								</div>
@@ -322,7 +428,10 @@ export default function AppointmentPage() {
 						</div>
 					)}
 					<DialogFooter>
-						<Button onClick={() => setViewOpen(false)} className="w-full md:w-auto">
+						<Button
+							onClick={() => setViewOpen(false)}
+							className="w-full md:w-auto"
+						>
 							Close
 						</Button>
 					</DialogFooter>