fix: restore from backup, restart button for tools, loader for fields

app/(app)/unsorted/layout.tsx

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

app/(app)/unsorted/loading.tsx

@@ -3,10 +3,11 @@ import { Loader2 } from "lucide-react"
 
 export default function Loading() {
   return (
-    <div className="flex flex-col gap-4">
+    <div className="flex flex-col gap-4 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">
-          <Loader2 className="h-10 w-10 animate-spin" /> <span>Loading unsorted files...</span>
+          <span>Loading unsorted files...</span>
+          <Loader2 className="h-10 w-10 animate-spin" />
         </h2>
       </header>
 

app/(app)/unsorted/page.tsx

@@ -31,7 +31,7 @@ export default async function UnsortedPage() {
   const settings = await getSettings(user.id)
 
   return (
-    <>
+    <div className="flex flex-col gap-4 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>
       </header>
@@ -101,6 +101,6 @@ export default async function UnsortedPage() {
           </div>
         )}
       </main>
-    </>
+    </div>
   )
 }