Shrxmy · Shrxmy · Aug 11, 2026 · Apr 9, 2026 · Apr 9, 2026 · May 22, 2026
diff --git a/.gitignore b/.gitignore
@@ -13,9 +13,11 @@ package-lock.json
 
 # testing
 /coverage
+/backup/
 
 # next.js
 /.next/
+/.next-dev/
 /out/
 
 # production

diff --git a/AGENTS.md b/AGENTS.md
diff --git a/README.md b/README.md
@@ -8,8 +8,8 @@
 
 [![Next.js](https://img.shields.io/badge/Next.js-15.4.6-black?style=for-the-badge&logo=next.js)](https://nextjs.org/)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.0-blue?style=for-the-badge&logo=typescript)](https://www.typescriptlang.org/)
-[![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-4.1.12-38B2AC?style=for-the-badge&logo=tailwind-css)](https://tailwindcss.com/)
-[![Prisma](https://img.shields.io/badge/Prisma-6.16.1-2D3748?style=for-the-badge&logo=prisma)](https://prisma.io/)
+[![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-4.2.2-38B2AC?style=for-the-badge&logo=tailwind-css)](https://tailwindcss.com/)
+[![Prisma](https://img.shields.io/badge/Prisma-7.7.0-2D3748?style=for-the-badge&logo=prisma)](https://prisma.io/)
 
 </div>
 
@@ -24,10 +24,11 @@ CSSApply is a comprehensive recruitment management system designed specifically
 - **Multi-Position Applications**: Support for Members, Committee Staff, and Executive Assistant positions
 - **Smart Interview Scheduling**: Automated conflict detection and prevention
 - **Admin Dashboard**: Comprehensive management tools for recruitment staff
-- **Email Notifications**: Automated communication system using Brevo
+- **Email Notifications**: Automated communication system using Brevo with test email feature
 - **Personality Assessment**: Integrated personality test for candidate evaluation
 - **Secure Authentication**: NextAuth.js integration with role-based access control
 - **Responsive Design**: Mobile-first approach with modern UI/UX
+- **Performance Optimized**: SWR caching for fast data fetching and instant page loads
 
 ---
 
@@ -79,6 +80,10 @@ CSSApply is a comprehensive recruitment management system designed specifically
    NEXT_PUBLIC_SUPABASE_URL="your-supabase-url"
    NEXT_PUBLIC_SUPABASE_ANON_KEY="your-supabase-anon-key"
    SUPABASE_SERVICE_ROLE_KEY="your-service-role-key"
+   NEXT_PUBLIC_PAYMENT_QR_URL="https://your-public-payment-qr-url"
+
+   # Auth
+   ALLOWED_SIGNIN_EMAIL_DOMAIN="ust.edu.ph"
 
    # Email (Brevo)
    BREVO_API_KEY="your-brevo-api-key"
@@ -137,6 +142,10 @@ css-apply/
 | `npm run build` | Build the application for production    |
 | `npm run start` | Start the production server             |
 | `npm run lint`  | Run ESLint for code quality             |
+| `npm run lint:fix` | Run ESLint with auto-fix             |
+| `npx prisma generate` | Regenerate Prisma client         |
+| `npx prisma db push` | Push schema changes to database   |
+| `npx prisma studio` | Open Prisma Studio GUI             |
 
 ---
 
@@ -162,6 +171,26 @@ css-apply/
 
 ---
 
+## Admin Features
+
+### Super Admin Dashboard
+
+The Super Admin dashboard provides comprehensive system management:
+
+- **User Database (user_db)**: View, search, and manage all users. Assign EB (Executive Board) profiles, change roles (user/admin/super_admin), and view member statistics.
+- **Configuration (config)**: Manage recruitment cycles with start/end dates and active status.
+- **Test Email (email_test)**: Send test emails for all email templates to verify delivery and design.
+
+### EB Profile Management
+
+Super Admins can assign and manage Executive Board profiles including:
+- Position (President, Secretary, Treasurer, etc.)
+- Committees assigned
+- Meeting links for interviews
+- Active/inactive status
+
+---
+
 ## Security Features
 
 - **Authentication**: NextAuth.js with multiple providers
@@ -181,11 +210,13 @@ CSSApply uses **Brevo** (formerly Sendinblue) for email communications:
 - **Application Confirmations**: Successful submissions
 - **Interview Notifications**: Schedule confirmations
 - **Admin Alerts**: System notifications
+- **Test Emails**: Super Admins can send test emails to verify templates
 
 ### Email Templates
 
 - Responsive HTML templates
-- Brand-consistent styling
+- Brand-consistent styling with blue theme colors
+- Clean design with logo instead of text
 - Multi-language support ready
 
 ---
@@ -209,6 +240,31 @@ CSSApply uses **Brevo** (formerly Sendinblue) for email communications:
 
 ---
 
+## Performance Optimization
+
+CSSApply uses several techniques to ensure fast performance:
+
+### SWR Caching
+
+- Client-side data caching with SWR (Stale-While-Revalidate)
+- EB profiles and schedule data are cached for 5 minutes
+- Eliminates loading spinners on return visits
+- Automatic revalidation disabled to reduce server load
+
+### Loading States
+
+- All admin and user pages show loading spinners during data fetches
+- Prevents "flash" of empty content when loading
+- Consistent UX across all pages
+
+### Database Optimization
+
+- Prisma queries optimized with proper `select` statements
+- Pagination implemented for large datasets
+- Indexes on frequently queried columns
+
+---
+
 ## Deployment
 
 ### Vercel (Recommended)

diff --git a/docs/BREVO_SETUP.md b/docs/BREVO_SETUP.md
@@ -1,6 +1,6 @@
 # Brevo Email Integration Setup
 
-This document explains how to set up Brevo email integration for the CSS Apply application.
+This document explains how to set up Brevo email integration for the CSSApply application.
 
 ## Prerequisites
 
@@ -54,7 +54,7 @@ When users submit applications, they automatically receive confirmation emails f
 
 Each application type has a customized email template that includes:
 
-- Professional CSS Apply branding
+- Professional CSSApply branding
 - Application details (student number, application type, choices)
 - Status information
 - Contact information for questions

diff --git a/docs/CSS_REMINDER_README.md b/docs/CSS_REMINDER_README.md
@@ -59,7 +59,7 @@ node send-css-group-reminder.js
 
 The email includes:
 
-- Professional CSS Apply branding
+- Professional CSSApply branding
 - Personalized greeting with user's name
 - Clear call-to-action to join the CSS Group
 - Facebook group link: `https://fb.me/g/6WRg4o62h/xpTx6zKB`

diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -14,6 +14,7 @@ const eslintConfig = [
     ignores: [
       "node_modules/**",
       ".next/**",
+      ".next-dev/**",
       "out/**",
       "build/**",
       "src/generated/**",

diff --git a/next.config.ts b/next.config.ts
@@ -1,6 +1,9 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
+  // Keep development hot-reload artifacts separate from production builds.
+  // Running `next build` must not invalidate an active `next dev` server.
+  distDir: process.env.NODE_ENV === "development" ? ".next-dev" : ".next",
   poweredByHeader: false,
   experimental: {
     serverActions: {