fix(frontend): fix ci build errors

Author: mel1na

frontend/app/maintenance/page.tsx

@@ -15,8 +15,8 @@ export default function MaintenancePage() {
             Under Maintenance
           </h1>
           <p className="pt-2 text-lg text-gray-600 dark:text-gray-400">
-            We're currently performing scheduled maintenance to improve your
-            experience.
+            We&apos;re currently performing scheduled maintenance to improve
+            your experience.
           </p>
         </div>
 

frontend/components/settings-context.tsx

@@ -6,6 +6,7 @@ import React, {
   useState,
   useEffect,
   useRef,
+  useCallback,
 } from "react";
 import { env } from "next-runtime-env";
 import { config } from "@/lib/config";
@@ -33,7 +34,7 @@ export function SettingsProvider({ children }: { children: React.ReactNode }) {
   const hasFetchedRef = useRef(false);
   const lastAdminStatusRef = useRef<boolean | undefined>(undefined);
 
-  const fetchSettings = async () => {
+  const fetchSettings = useCallback(async () => {
     try {
       const endpoint = user?.is_admin
         ? `${config.apiBaseUrl}/api/admin/v1/settings`
@@ -61,7 +62,7 @@ export function SettingsProvider({ children }: { children: React.ReactNode }) {
     } finally {
       setLoading(false);
     }
-  };
+  }, [user?.is_admin]);
 
   useEffect(() => {
     const isAdmin = user?.is_admin;
@@ -74,7 +75,7 @@ export function SettingsProvider({ children }: { children: React.ReactNode }) {
       lastAdminStatusRef.current = isAdmin;
       fetchSettings();
     }
-  }, [user?.is_admin]);
+  }, [user?.is_admin, fetchSettings]);
 
   useEffect(() => {
     const handleSettingsUpdate = async () => {