fix: add Authorization header to all dashboard apiFetch calls; change Buy Credits/Buy Now buttons to BTN_ORANGE

src/components/dashboard/CompanyApplicationsPage.tsx

@@ -38,10 +38,18 @@ interface ContactInfo {
 }
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
     credentials: "include",
-    headers: { "Content-Type": "application/json", ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/CompanyJobsPage.tsx

@@ -58,10 +58,18 @@ const EMPTY_FORM: JobFormState = {
 };
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
     credentials: "include",
-    headers: { "Content-Type": "application/json", ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/CompanyShortlistedCandidatesPage.tsx

@@ -14,10 +14,18 @@ type ApplicationItem = {
 };
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
-    credentials: 'include',
+    credentials: "include",
-    headers: { 'Content-Type': 'application/json', ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/CreditsPage.tsx

@@ -34,10 +34,18 @@ type CheckoutState = {
 };
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
     credentials: "include",
-    headers: { "Content-Type": "application/json", ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 
@@ -770,7 +778,7 @@ export default function CreditsPage(props: Props) {
                 </span>
               </p>
             </div>
-            <button type="button" onClick={() => setActiveTab("buy")} style={BTN_PRIMARY}>
+            <button type="button" onClick={() => setActiveTab("buy")} style={BTN_ORANGE}>
               Buy Credits
             </button>
           </div>
@@ -940,7 +948,7 @@ export default function CreditsPage(props: Props) {
                       type="button"
                       onClick={() => openCheckout(pkg)}
                       style={{
-                        ...BTN_PRIMARY,
+                        ...BTN_ORANGE,
                         width: "100%",
                         "margin-top": "8px",
                       }}

src/components/dashboard/CustomerRequirementsPage.tsx

@@ -23,10 +23,18 @@ type RequirementItem = {
 };
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
     credentials: "include",
-    headers: { "Content-Type": "application/json", ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/CustomerResponsesPage.tsx

@@ -18,10 +18,18 @@ type LeadRequestItem = {
 };
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
-    credentials: 'include',
+    credentials: "include",
-    headers: { 'Content-Type': 'application/json', ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/ExploreServicesPage.tsx

@@ -18,10 +18,18 @@ type ExternalRoleItem = {
 };
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
-    credentials: 'include',
+    credentials: "include",
-    headers: { 'Content-Type': 'application/json', ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/HelpCenterDashboardPage.tsx

@@ -17,10 +17,18 @@ type Article = {
 };
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
     credentials: "include",
-    headers: { "Content-Type": "application/json", ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/JobSeekerApplicationsPage.tsx

@@ -13,10 +13,18 @@ type ApplicationItem = {
 };
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
-    credentials: 'include',
+    credentials: "include",
-    headers: { 'Content-Type': 'application/json', ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/JobSeekerJobsPage.tsx

@@ -33,10 +33,18 @@ type SavedJob = {
 };
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
     credentials: "include",
-    headers: { "Content-Type": "application/json", ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/LogoutPage.tsx

@@ -4,10 +4,18 @@ import { BTN_GHOST, BTN_ORANGE, CARD } from '~/components/DashboardShell';
 const API = '/api/gateway';
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
-    credentials: 'include',
+    credentials: "include",
-    headers: { 'Content-Type': 'application/json', ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/MyDashboardPage.tsx

@@ -17,10 +17,18 @@ type Metric = {
 };
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
-    credentials: 'include',
+    credentials: "include",
-    headers: { 'Content-Type': 'application/json', ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/PortfolioPage.tsx

@@ -81,10 +81,18 @@ const EMPTY_PROFESSIONAL_FORM: ProfessionalPortfolioState = {
 // ── Helpers ───────────────────────────────────────────────────────────────────
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
-    credentials: 'include',
+    credentials: "include",
-    headers: { 'Content-Type': 'application/json', ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/ProfessionalLeadsPage.tsx

@@ -23,10 +23,18 @@ type MarketplaceItem = {
 };
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
     credentials: "include",
-    headers: { "Content-Type": "application/json", ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/ProfessionalResponsesPage.tsx

@@ -16,10 +16,18 @@ type LeadRequestItem = {
 };
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
-    credentials: 'include',
+    credentials: "include",
-    headers: { 'Content-Type': 'application/json', ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/ProfilePage.tsx

@@ -219,10 +219,18 @@ function getDocFields(roleKey: string) {
 // ── Helpers ───────────────────────────────────────────────────────────────────
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
     credentials: "include",
-    headers: { "Content-Type": "application/json", ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/SettingsPage.tsx

@@ -4,10 +4,18 @@ import { BTN_GHOST, BTN_ORANGE, BTN_PRIMARY, CARD, INPUT, LABEL } from '~/compon
 const API = '/api/gateway';
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
-    credentials: 'include',
+    credentials: "include",
-    headers: { 'Content-Type': 'application/json', ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/SwitchServicesPage.tsx

@@ -11,10 +11,18 @@ type UserRoleItem = {
 };
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
-    credentials: 'include',
+    credentials: "include",
-    headers: { 'Content-Type': 'application/json', ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }
 

src/components/dashboard/VerificationStatusPage.tsx

@@ -9,10 +9,18 @@ import { CARD, BTN_ORANGE, BTN_GHOST } from '~/components/DashboardShell';
 const API = '/api/gateway';
 
 async function apiFetch(path: string, opts?: RequestInit) {
+  const token =
+    typeof window !== "undefined"
+      ? window.sessionStorage.getItem("nxtgauge_access_token") || ""
+      : "";
   return fetch(`${API}${path}`, {
     ...opts,
-    credentials: 'include',
+    credentials: "include",
-    headers: { 'Content-Type': 'application/json', ...(opts?.headers ?? {}) },
+    headers: {
+      "Content-Type": "application/json",
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(opts?.headers ?? {}),
+    },
   });
 }