fix #30: individual items are not saved

"

app/(app)/settings/fields/page.tsx

@@ -36,14 +36,14 @@ export default async function FieldsSettingsPage() {
           { key: "llm_prompt", label: "LLM Prompt", editable: true },
           {
             key: "isVisibleInList",
-            label: "Always show in transactions table",
+            label: "Show in transactions table",
             type: "checkbox",
             defaultValue: false,
             editable: true,
           },
           {
             key: "isVisibleInAnalysis",
-            label: "Always show in analysis form",
+            label: "Show in analysis form",
             type: "checkbox",
             defaultValue: false,
             editable: true,

app/(app)/unsorted/layout.tsx

@@ -0,0 +1,3 @@
+export default function UnsortedLayout({ children }: { children: React.ReactNode }) {
+  return <div className="flex flex-col gap-4 p-4 w-full max-w-6xl">{children}</div>
+}

app/(app)/unsorted/loading.tsx

@@ -3,7 +3,7 @@ import { Loader2 } from "lucide-react"
 
 export default function Loading() {
   return (
-    <div className="flex flex-col gap-6 p-4 w-full max-w-6xl">
+    <>
       <header className="flex items-center justify-between">
         <h2 className="text-3xl font-bold tracking-tight flex flex-row gap-2">
           <span>Loading unsorted files...</span>
@@ -27,6 +27,6 @@ export default function Loading() {
           </div>
         </div>
       </Skeleton>
-    </div>
+    </>
   )
 }

app/(app)/unsorted/page.tsx

@@ -32,7 +32,7 @@ export default async function UnsortedPage() {
   const settings = await getSettings(user.id)
 
   return (
-    <div className="flex flex-col gap-6 p-4 w-full max-w-6xl">
+    <>
       <header className="flex items-center justify-between">
         <h2 className="text-3xl font-bold tracking-tight">You have {files.length} unsorted files</h2>
         {files.length > 1 && <AnalyzeAllButton />}
@@ -103,6 +103,6 @@ export default async function UnsortedPage() {
           </div>
         )}
       </main>
-    </div>
+    </>
   )
 }