feat: add utility functions for status and difficulty colors, HR utilities, and internship document generation

- Created `getStatusColor` function for mapping application statuses to color classes.
- Introduced `DIFF_COLOR` record for difficulty levels with corresponding text colors.
- Added HR utility functions: `labelize`, `formatLabel`, and `initials` for string manipulation.
- Implemented a script to generate and send internship certificates and letters of recommendation via email.

Author: Sachinchaurasiya360

.github/workflows/ci.yml

@@ -70,5 +70,5 @@ jobs:
         working-directory: client
 
       - name: Run ESLint
-        run: npx eslint . --ext .ts,.tsx || true
+        run: npx eslint . --ext .ts,.tsx
         working-directory: client

client/package-lock.json

@@ -11,14 +11,14 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@codemirror/view": "^6.39.16",
     "@codemirror/lang-cpp": "^6.0.3",
     "@codemirror/lang-css": "^6.3.1",
     "@codemirror/lang-html": "^6.4.11",
     "@codemirror/lang-java": "^6.0.2",
     "@codemirror/lang-javascript": "^6.2.5",
     "@codemirror/lang-python": "^6.2.1",
     "@codemirror/lang-sql": "^6.10.0",
+    "@codemirror/view": "^6.39.16",
     "@hookform/resolvers": "^5.2.2",
     "@mediapipe/tasks-vision": "^0.10.32",
     "@number-flow/react": "^0.6.0",
@@ -50,7 +50,7 @@
     "react-hot-toast": "^2.6.0",
     "react-markdown": "^10.1.0",
     "react-router": "^7.13.0",
-    "react-to-print": "^3.0.1",
+    "react-to-print": "^3.3.0",
     "reactflow": "^11.11.4",
     "recharts": "^3.8.0",
     "rehype-highlight": "^7.0.2",

client/package.json

@@ -200,59 +200,12 @@ export function Footer() {
             © {new Date().getFullYear()} InternHack. built in india.
           </p>
           <div className="flex flex-wrap items-center gap-x-4 gap-y-1">
-fix/harshita-contact-button
-            <Link to="/terms"  className="hover:text-stone-400 transition-colors no-underline" onClick={handleNavigation}>Terms</Link>
+            <Link to="/terms" className="hover:text-stone-400 transition-colors no-underline" onClick={handleNavigation}>Terms</Link>
             <Link to="/privacy" className="hover:text-stone-400 transition-colors no-underline" onClick={handleNavigation}>Privacy</Link>
             <Link to="/refund" className="hover:text-stone-400 transition-colors no-underline" onClick={handleNavigation}>Refunds</Link>
-            <Link to="/shipping" className="hover:text-stone-400 transition-colors no-underline">Shipping</Link>
-            <Link
-              to="/contact"
-              className="hover:text-stone-400 transition-colors no-underline"
-              onClick={handleNavigation}
-            >
-              Contact
-            </Link>
-
-          <Link
-          to="/terms"
-             onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
-              className="hover:text-stone-400 transition-colors no-underline"
-              >
-                Terms
-          </Link>
-
-          <Link
-          to="/privacy"
-              onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
-                className="hover:text-stone-400 transition-colors no-underline"
-                >
-                  Privacy
-          </Link>
-
-          <Link
-          to="/refund"
-              onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
-                 className="hover:text-stone-400 transition-colors no-underline"
-                 >
-                  Refunds
-          </Link>
-
-          <Link
-               to="/shipping"
-                onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
-                  className="hover:text-stone-400 transition-colors no-underline"
-                  >
-                    Shipping
-          </Link>
-
-          <Link
-              to="/contact"
-                onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
-                  className="hover:text-stone-400 transition-colors no-underline"
-          >
-              Contact
-          </Link>
-        </div>
+            <Link to="/shipping" className="hover:text-stone-400 transition-colors no-underline" onClick={handleNavigation}>Shipping</Link>
+            <Link to="/contact" className="hover:text-stone-400 transition-colors no-underline" onClick={handleNavigation}>Contact</Link>
+          </div>
         </div>
       </div>
     </footer>

client/src/components/Footer.tsx

@@ -0,0 +1,11 @@
+export function getStatusColor(status: string): string {
+  switch (status) {
+    case "APPLIED":     return "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400";
+    case "IN_PROGRESS": return "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400";
+    case "SHORTLISTED": return "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400";
+    case "REJECTED":    return "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400";
+    case "HIRED":       return "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400";
+    case "WITHDRAWN":   return "bg-stone-100 text-stone-700 dark:bg-stone-800 dark:text-stone-300";
+    default:            return "bg-stone-100 text-stone-700 dark:bg-stone-800 dark:text-stone-300";
+  }
+}

client/src/lib/application-colors.ts

@@ -20,8 +20,8 @@ export const useAuthStore = create<AuthState>((set) => {
   const storedUser = localStorage.getItem("user");
 
   return {
-    user: storedUser ? JSON.parse(storedUser) : null,
-    isAuthenticated: !!storedUser,
+    user: storedUser ? (() => { try { return JSON.parse(storedUser) as User; } catch { localStorage.removeItem("user"); return null; } })() : null,
+    isAuthenticated: !!storedUser && (() => { try { return !!JSON.parse(storedUser); } catch { return false; } })(),
 
     login: (user) => {
       localStorage.setItem("user", JSON.stringify(user));

client/src/lib/auth.store.ts

@@ -0,0 +1,8 @@
+export const DIFF_COLOR: Record<string, string> = {
+  Beginner: "text-emerald-600 dark:text-emerald-400",
+  Intermediate: "text-amber-600 dark:text-amber-400",
+  Advanced: "text-rose-600 dark:text-rose-400",
+  Easy: "text-emerald-600 dark:text-emerald-400",
+  Medium: "text-amber-600 dark:text-amber-400",
+  Hard: "text-rose-600 dark:text-rose-400",
+};

client/src/lib/difficulty-colors.ts

@@ -10,7 +10,8 @@ import { GoogleAuthButton } from "../../components/GoogleAuthButton";
 export default function LoginPage() {
   const navigate = useNavigate();
   const [searchParams] = useSearchParams();
-  const returnTo = searchParams.get("from");
+  const rawReturnTo = searchParams.get("from");
+  const returnTo = rawReturnTo && /^\/(?!\/)/.test(rawReturnTo) ? rawReturnTo : null;
   const initialRole = searchParams.get("role") === "RECRUITER" ? "RECRUITER" : "STUDENT";
   const [role, setRole] = useState<"STUDENT" | "RECRUITER">(initialRole);
   const login = useAuthStore((s) => s.login);

client/src/module/auth/LoginPage.tsx

@@ -22,7 +22,8 @@ export default function RegisterPage() {
   const navigate = useNavigate();
   const [searchParams] = useSearchParams();
   const login = useAuthStore((s) => s.login);
-  const returnTo = searchParams.get("from");
+  const rawReturnTo = searchParams.get("from");
+  const returnTo = rawReturnTo && /^\/(?!\/)/.test(rawReturnTo) ? rawReturnTo : null;
   const initialRole = searchParams.get("role") === "RECRUITER" ? "RECRUITER" : "STUDENT";
   const [role, setRole] = useState<"STUDENT" | "RECRUITER">(initialRole);
   const [form, setForm] = useState({

client/src/module/auth/RegisterPage.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from "react";
+import { getStatusColor } from "../../../lib/application-colors";
 import { useParams, useNavigate } from "react-router";
 import { ArrowLeft, Download, CheckCircle, XCircle, Clock, FileText, ShieldCheck } from "lucide-react";
 import { motion } from "framer-motion";
@@ -220,17 +221,6 @@ function getStatusIcon(status: string) {
   }
 }
 
-function getStatusColor(status: string) {
-  switch (status) {
-    case "APPLIED": return "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400";
-    case "IN_PROGRESS": return "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400";
-    case "SHORTLISTED": return "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400";
-    case "REJECTED": return "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400";
-    case "HIRED": return "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400";
-    default: return "bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300";
-  }
-}
-
 function getRoundStatusColor(status: string) {
   switch (status) {
     case "COMPLETED": return "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400";