Add HTTP error handling to settings API fetch

src/app/(dashboard)/dashboard/settings/components/AppearanceTab.tsx

@@ -12,7 +12,12 @@ export default function AppearanceTab() {
 
   useEffect(() => {
     fetch("/api/settings")
-      .then((res) => res.json())
+      .then((res) => {
+        if (!res.ok) {
+          throw new Error(`HTTP error ${res.status}`);
+        }
+        return res.json();
+      })
       .then((data) => {
         setSettings(data);
         setLoading(false);