feat: add global configuration flags for services, card layout, and map display

src/hooks/use-background.ts

@@ -4,6 +4,9 @@ declare global {
   interface Window {
     CustomBackgroundImage: string
     CustomMobileBackgroundImage: string
+    ForceShowServices: boolean
+    ForceCardInline: boolean
+    ForceShowMap: boolean
   }
 }
 

src/pages/Server.tsx

@@ -53,18 +53,31 @@ export default function Servers() {
 
   useEffect(() => {
     const showServicesState = localStorage.getItem("showServices")
-    if (showServicesState !== null) {
+    if (window.ForceShowServices) {
+      setShowServices("1")
+    } else if (showServicesState !== null) {
       setShowServices(showServicesState)
     }
   }, [])
 
   useEffect(() => {
     const inlineState = localStorage.getItem("inline")
-    if (inlineState !== null) {
+    if (window.ForceCardInline) {
+      setInline("1")
+    } else if (inlineState !== null) {
       setInline(inlineState)
     }
   }, [])
 
+  useEffect(() => {
+    const showMapState = localStorage.getItem("showMap")
+    if (window.ForceShowMap) {
+      setShowMap("1")
+    } else if (showMapState !== null) {
+      setShowMap(showMapState)
+    }
+  }, [])
+
   useEffect(() => {
     const savedGroup = sessionStorage.getItem("selectedGroup") || "All"
     setCurrentGroup(savedGroup)
@@ -212,6 +225,7 @@ export default function Servers() {
           <button
             onClick={() => {
               setShowMap(showMap === "0" ? "1" : "0")
+              localStorage.setItem("showMap", showMap === "0" ? "1" : "0")
             }}
             className={cn(
               "rounded-[50px] bg-white dark:bg-stone-800 cursor-pointer p-[10px] transition-all border border-stone-200 dark:border-stone-700 hover:bg-stone-100 dark:hover:bg-stone-700",