Wrapped task workflows in AppShell

X-Lovable-Edit-ID: edt-996fc6d5-21ff-4e18-b772-fc7d9bcb9500
Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/routes/settings.workflows.tsx

@@ -1,8 +1,7 @@
-import { createFileRoute, Link } from "@tanstack/react-router";
+import { createFileRoute } from "@tanstack/react-router";
 import { useEffect, useState, useCallback } from "react";
 import { supabase } from "@/integrations/supabase/client";
 import { useAuth } from "@/lib/auth";
-import { AppShell, PageContainer, PageHeader } from "@/components/app-shell";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
@@ -21,7 +20,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
-import { Plus, Trash2, ArrowLeft, Loader2 } from "lucide-react";
+import { Plus, Trash2 } from "lucide-react";
 import { toast } from "sonner";
 
 export const Route = createFileRoute("/settings/workflows")({
@@ -141,24 +140,20 @@ function WorkflowsPage() {
   };
 
   return (
-    <AppShell>
-      <PageContainer>
-        <div className="mb-2">
-          <Link to="/settings" className="text-xs text-muted-foreground hover:text-foreground inline-flex items-center gap-1">
-            <ArrowLeft className="h-3 w-3" /> Settings
-          </Link>
+    <div className="space-y-6">
+      <div className="flex items-start justify-between gap-4">
+        <div>
+          <h2 className="font-serif text-lg">Workflow Templates</h2>
+          <p className="text-sm text-muted-foreground">
+            Reusable task lists. Apply one to a case to spawn the tasks with computed due dates.
+          </p>
         </div>
-        <PageHeader
-          title="Workflow Templates"
-          description="Reusable task lists. Apply one to a case to spawn the tasks with computed due dates."
-          actions={
-            <Button onClick={() => setNewOpen(true)}>
-              <Plus className="h-4 w-4 mr-1.5" /> New template
-            </Button>
-          }
-        />
+        <Button onClick={() => setNewOpen(true)}>
+          <Plus className="h-4 w-4 mr-1.5" /> New template
+        </Button>
+      </div>
 
-        <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
+      <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
           <div className="lg:col-span-1">
             <div className="rounded-md border bg-card divide-y">
               {templates.length === 0 && (
@@ -294,8 +289,7 @@ function WorkflowsPage() {
               <Button onClick={createTemplate} disabled={!newName.trim()}>Create</Button>
             </DialogFooter>
           </DialogContent>
-        </Dialog>
-      </PageContainer>
-    </AppShell>
+      </Dialog>
+    </div>
   );
 }