fix: use useMemo for derived rawSettings and remove unused imports in SystemSettings

app/components/SystemSettings.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import { useMemo } from "react";
 
 interface SystemSettingsProps {
   settings: Record<string, any>;
@@ -14,17 +14,15 @@ const KNOWN_KEYS = new Set([
 ]);
 
 export default function SystemSettings({ settings, alpacaMode, onSave, saveError }: SystemSettingsProps) {
-  const [rawSettings, setRawSettings] = useState<Array<{ key: string; value: string }>>([]);
-
-  useEffect(() => {
-    const others = Object.entries(settings)
+  const rawSettings = useMemo(() =>
+    Object.entries(settings)
       .filter(([key]) => !KNOWN_KEYS.has(key))
       .map(([key, value]) => ({
         key,
         value: typeof value === "string" ? value : JSON.stringify(value, null, 2),
-      }));
-    setRawSettings(others);
-  }, [settings]);
+      })),
+    [settings]
+  );
 
   const handleRawSave = async (key: string, newValue: string) => {
     try {