added env example and refactor frontend

.env.example

@@ -0,0 +1,19 @@
+DATABASE_URL=
+SUPABASE_URL=
+SUPABASE_KEY=
+SUPABASE_BUCKET=
+SUPABASE_S3_ENDPOINT=
+SUPABASE_S3_REGION=
+SUPABASE_S3_ACCESS_KEY=
+SUPABASE_S3_SECRET_KEY=
+SUPABASE_JWT_SECRET=
+GOOGLE_CLIENT_ID=
+PROJECT_ID=
+GOOGLE_CLIENT_SECRET=
+SENDER_EMAIL=
+ADMIN_EMAIL=
+RESEND_API_KEY=
+GEMINI_API_KEY=
+EXPO_PUBLIC_API_BASE_URL=
+EXPO_PUBLIC_SUPABASE_URL=
+EXPO_PUBLIC_SUPABASE_ANON_KEY=

.gitignore

@@ -18,4 +18,5 @@ User/android/local.properties
 User/android/app/release/
 User/android/app/debug/
 
-.vscode
+.vscode
+node_modules/

Frontend/app/admin/issues/page.tsx

@@ -59,7 +59,7 @@ export default function IssuesPage() {
   useEffect(() => {
     const handler = setTimeout(() => {
       setDebouncedSearch(search);
-    }, 500);
+    }, 1500);
     return () => clearTimeout(handler);
   }, [search]);
 

Frontend/app/layout.tsx

@@ -17,7 +17,7 @@ const firaCode = Fira_Code({
 });
 
 export const metadata: Metadata = {
-  title: "UrbanLens - City Issue Reporter",
+  title: "CityTracker - City Issue Reporter",
   description: "Smart city issue tracking and resolution dashboard",
 };
 

Frontend/app/page.tsx

@@ -187,7 +187,7 @@ export default function LandingPage() {
         <div className="max-w-7xl mx-auto px-4 text-center">
           <div className="flex justify-center items-center gap-2 mb-8 opacity-75 hover:opacity-100 transition-opacity">
             <div className="w-6 h-6 bg-slate-900 rounded-md flex items-center justify-center text-xs font-bold font-mono text-white">U</div>
-            <span className="text-sm font-bold tracking-wide text-slate-900">URBANLENS SYSTEMS</span>
+            <span className="text-sm font-bold tracking-wide text-slate-900">CityTracker SYSTEMS</span>
           </div>
           <p className="text-slate-500 text-sm">
             © 2026 Dept. of Public Works. Secure. Efficient. Transparent.

Frontend/components/DashboardSidebar.tsx

@@ -62,7 +62,7 @@ export default function DashboardSidebar({
 
       <aside
         className={cn(
-          "fixed inset-y-0 left-0 z-50 bg-white/80 backdrop-blur-xl border-r border-slate-200/60 transition-all duration-300 ease-in-out shadow-urban-lg", // UrbanLens Light Glass
+          "fixed inset-y-0 left-0 z-50 bg-white/80 backdrop-blur-xl border-r border-slate-200/60 transition-all duration-300 ease-in-out shadow-urban-lg",
           "lg:relative lg:translate-x-0 lg:shadow-none",
           mobileOpen ? "translate-x-0" : "-translate-x-full",
           desktopOpen ? "lg:w-72" : "lg:w-0 lg:overflow-hidden lg:border-r-0"

Frontend/hooks/useCachedFetch.ts

@@ -4,7 +4,7 @@ import { useState, useEffect, useCallback } from "react";
 
 const cache = new Map<string, { data: any; timestamp: number }>();
 const CACHE_TTL = 5 * 60 * 1000; // 5 minutes
-const CACHE_KEY_PREFIX = "urbanlens_cache_";
+const CACHE_KEY_PREFIX = "citytracker_cache_";
 
 // Helper to get full URL (duplicated logic, but safe for synchronous init)
 const getFullUrl = (url: string) => {

Frontend/lib/api.ts

@@ -1,8 +1,8 @@
 "use client";
 
 const API_URL = process.env.NEXT_PUBLIC_API_URL || "";
-const REQUEST_TIMEOUT_MS = 30000;
-const MAX_RETRIES = 2;
+const REQUEST_TIMEOUT_MS = 35000;
+const MAX_RETRIES = 3;
 
 class ApiError extends Error {
   status: number;