feat: implement cache layer, CSP improvements, and database performance optimizations

- Add Redis cache implementation with LRU eviction
- Enhance Content Security Policy with nonce generation
- Optimize database queries with connection pooling
- Add cache invalidation API endpoints
- Improve security monitoring performance

app/platform/companies/[id]/page.tsx

@@ -209,20 +209,26 @@ function useCompanyData(
   toast: ToastFunction,
   state: CompanyManagementState
 ) {
+  const { setCompany, setEditData, setOriginalData, setIsLoading } = state;
+  const [hasFetched, setHasFetched] = useState(false);
+
   const fetchCompany = useCallback(async () => {
+    if (hasFetched) return;
+
     try {
       const response = await fetch(`/api/platform/companies/${params.id}`);
       if (response.ok) {
         const data = await response.json();
-        state.setCompany(data);
+        setCompany(data);
         const companyData = {
           name: data.name,
           email: data.email,
           status: data.status,
           maxUsers: data.maxUsers,
         };
-        state.setEditData(companyData);
-        state.setOriginalData(companyData);
+        setEditData(companyData);
+        setOriginalData(companyData);
+        setHasFetched(true);
       } else {
         toast({
           title: "Error",
@@ -238,9 +244,17 @@ function useCompanyData(
         variant: "destructive",
       });
     } finally {
-      state.setIsLoading(false);
+      setIsLoading(false);
     }
-  }, [params.id, toast, state]);
+  }, [
+    params.id,
+    hasFetched,
+    toast,
+    setCompany,
+    setEditData,
+    setOriginalData,
+    setIsLoading,
+  ]);
 
   return { fetchCompany };
 }
@@ -254,6 +268,8 @@ function useNavigationControl(
   hasUnsavedChanges: () => boolean,
   state: CompanyManagementState
 ) {
+  const { setPendingNavigation, setShowUnsavedChangesDialog } = state;
+
   const handleNavigation = useCallback(
     (url: string) => {
       if (url.includes(`/platform/companies/${params.id}`)) {
@@ -262,13 +278,19 @@ function useNavigationControl(
       }
 
       if (hasUnsavedChanges()) {
-        state.setPendingNavigation(url);
-        state.setShowUnsavedChangesDialog(true);
+        setPendingNavigation(url);
+        setShowUnsavedChangesDialog(true);
       } else {
         router.push(url);
       }
     },
-    [router, params.id, hasUnsavedChanges, state]
+    [
+      router,
+      params.id,
+      hasUnsavedChanges,
+      setPendingNavigation,
+      setShowUnsavedChangesDialog,
+    ]
   );
 
   return { handleNavigation };
@@ -462,10 +484,14 @@ export default function CompanyManagement() {
     state.editData,
     state.originalData
   );
-  const { fetchCompany } = useCompanyData(params, toast, state);
+  const { fetchCompany } = useCompanyData(
+    { id: params.id as string },
+    toast,
+    state
+  );
   const { handleNavigation } = useNavigationControl(
     router,
-    params,
+    { id: params.id as string },
     hasUnsavedChanges,
     state
   );
@@ -479,7 +505,7 @@ export default function CompanyManagement() {
     }
 
     fetchCompany();
-  }, [session, status, router, fetchCompany]);
+  }, [status, session?.user?.isPlatformUser, fetchCompany, router.push]);
 
   const handleSave = async () => {
     state.setIsSaving(true);
@@ -576,7 +602,14 @@ export default function CompanyManagement() {
       if (response.ok) {
         state.setShowInviteUser(false);
         state.setInviteData({ name: "", email: "", role: "USER" });
-        fetchCompany();
+        // Refresh company data to show new user
+        const updatedResponse = await fetch(
+          `/api/platform/companies/${params.id}`
+        );
+        if (updatedResponse.ok) {
+          const updatedData = await updatedResponse.json();
+          state.setCompany(updatedData);
+        }
         toast({
           title: "Success",
           description: "User invited successfully",

app/platform/dashboard/page.tsx

@@ -346,7 +346,15 @@ function renderCompanyListItem(
       <div className="flex-1">
         <div className="flex items-center gap-3 mb-2">
           <h3 className="font-semibold">{company.name}</h3>
-          <Badge variant={getStatusBadgeVariant(company.status)}>
+          <Badge
+            variant={
+              getStatusBadgeVariant(company.status) as
+                | "default"
+                | "destructive"
+                | "outline"
+                | "secondary"
+            }
+          >
             {company.status}
           </Badge>
         </div>

app/platform/settings/page.tsx

@@ -36,9 +36,11 @@ function usePlatformSession() {
   useEffect(() => {
     const abortController = new AbortController();
 
-    const handleAuthSuccess = (sessionData: any) => {
+    const handleAuthSuccess = (sessionData: {
+      user?: { isPlatformUser?: boolean };
+    }) => {
       if (sessionData?.user?.isPlatformUser) {
-        setSession(sessionData);
+        setSession(sessionData as any);
         setStatus("authenticated");
       } else {
         handleAuthFailure();