feat: improve inline settings handling for mobile responsiveness (#34)

* feat: improve inline settings handling for mobile responsiveness

* chore: auto-fix linting and formatting issues

Author: hamster1963

src/pages/Server.tsx

@@ -62,11 +62,25 @@ export default function Servers() {
   }, [])
 
   useEffect(() => {
-    const inlineState = localStorage.getItem("inline")
-    if (window.ForceCardInline) {
-      setInline("1")
-    } else if (inlineState !== null) {
-      setInline(inlineState)
+    const checkInlineSettings = () => {
+      const isMobile = window.innerWidth < 768
+
+      if (!isMobile) {
+        const inlineState = localStorage.getItem("inline")
+        if (window.ForceCardInline) {
+          setInline("1")
+        } else if (inlineState !== null) {
+          setInline(inlineState)
+        }
+      }
+    }
+
+    checkInlineSettings()
+
+    window.addEventListener("resize", checkInlineSettings)
+
+    return () => {
+      window.removeEventListener("resize", checkInlineSettings)
     }
   }, [])