fix vercel deployment

Author: SamGu-NRX

frontend/src/routes/Inquiry.tsx

@@ -16,7 +16,7 @@ function Inquiry() {
     <div
       data-scroll-section
       id="main-container"
-      className="text-white dark:text-black bg-[#18181B] dark:bg-[#f3f3f3]"
+      className="dark:text-white text-black dark:bg-[#18181B] bg-[#f3f3f3]"
     >
       <Helmet>
         <title>LuminAI - Inquiry</title>

frontend/src/routes/Staff.tsx

@@ -108,7 +108,7 @@ function Staff() {
     <div
       data-scroll-section
       id="main-container"
-      className="text-white dark:text-black bg-[#18181B] dark:bg-[#f3f3f3]"
+      className="text-black dark:text-white dark:bg-[#18181B] bg-[#f3f3f3]"
     >
       <Helmet>
         <title>LuminAI - Staff</title>
@@ -122,7 +122,7 @@ function Staff() {
             <div style={{ animation: "textPopIn 0.7s ease-in-out" }}>
               <div
                 key={index}
-                className="bg-white bg-opacity-80 p-6 rounded-lg text-center relative group"
+                className="bg-white dark:bg-zinc-900 bg-opacity-80 p-6 rounded-lg text-center relative group"
                 data-aos="fade-up"
               >
                 <div className="w-24 h-24 mx-auto mb-4 relative">
@@ -140,7 +140,7 @@ function Staff() {
                 </div>
 
                 <h2 className="text-2xl font-bold ">{member.name}</h2>
-                <div className="transform absolute inset-0 duration-300 transition hover:scale-105 rounded-md bg-white bg-opacity-90 p-6 flex flex-col justify-center items-center opacity-0 group-hover:opacity-100 ">
+                <div className="transform absolute inset-0 duration-300 transition hover:scale-105 rounded-md bg-white dark:bg-zinc-900 bg-opacity-90 p-6 flex flex-col justify-center items-center opacity-0 group-hover:opacity-100 ">
                   <p
                     className="text-xl font-sans"
                     style={{ fontWeight: "500" }}

frontend/src/routes/Syllabus.tsx

@@ -20,7 +20,7 @@ function Syllabus() {
     <div
       data-scroll-section
       id="main-container"
-      className="text-white dark:text-black bg-[#18181B] dark:bg-[#f3f3f3]"
+      className="text-black dark:text-white dark:bg-[#18181B] bg-[#f3f3f3]"
     >
       <Helmet>
         <title>LuminAI - Syllabus</title>

frontend/tsconfig.json

@@ -53,17 +53,17 @@
     // "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
     // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
     // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
-    // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
-    // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
+    "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
+    "inlineSourceMap": false,                          /* Include sourcemap files inside the emitted JavaScript. */
     // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
-    // "outDir": "./",                                   /* Specify an output folder for all emitted files. */
+    "outDir": "./dist",                                   /* Specify an output folder for all emitted files. */
     // "removeComments": true,                           /* Disable emitting comments. */
     // "noEmit": true,                                   /* Disable emitting files from a compilation. */
     // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
     // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
     // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
     // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
-    // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
+    "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
     // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
     // "newLine": "crlf",                                /* Set the newline character for emitting files. */
     // "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */

frontend/vite.config.js

@@ -2,9 +2,13 @@ import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 import { TanStackRouterVite } from "@tanstack/router-vite-plugin";
 import path from "path";
+import { SourceMap } from "module";
 
 export default defineConfig({
   plugins: [react(), TanStackRouterVite()],
+  build: {
+    sourcemap: true,
+  },
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "src"),

vercel.json

@@ -1,14 +1,5 @@
 {
   "version": 2,
-  "builds": [
-    {
-      "src": "frontend/package.json",
-      "use": "@vercel/static-build",
-      "config": {
-        "distDir": "frontend/dist"
-      }
-    }
-  ],
   "routes": [
     {
       "src": "/(.*)",