fix(frontend): fix styles in Job related pages

frontend/src/layout/AppLayout.tsx

@@ -26,7 +26,6 @@ export function AppLayout() {
 
   function handleThemeToggle() {
     toggleTheme();
-    toast.success(theme === "dark" ? "Light mode enabled." : "Dark mode enabled.");
   }
 
   return (

frontend/src/pages/JobDetailPage.tsx

@@ -117,11 +117,11 @@ export function JobDetailPage() {
             {job.attempts}/{job.max_attempts}
           </strong>
         </div>
+      </section>
       <div className="stat-card">
         <span>Locked by</span>
         <code className="code-token wrap">{job.locked_by ?? "-"}</code>
       </div>
-      </section>
 
       <section className="detail-grid">
         <section className="panel">

frontend/src/pages/JobsPage.tsx

@@ -68,7 +68,7 @@ export function JobsPage() {
   const [createOpen, setCreateOpen] = useState(false);
   const [statusFilter, setStatusFilter] = useState<JobStatus | "all">("all");
   const [typeFilter, setTypeFilter] = useState("");
-  const [pageSize, setPageSize] = useState(10);
+  const [pageSize, setPageSize] = useState(25);
   const [currentPage, setCurrentPage] = useState(1);
   const [jobType, setJobType] = useState("demo.success");
   const [payload, setPayload] = useState(JSON.stringify(demoPayload("demo.success"), null, 2));
@@ -254,6 +254,7 @@ export function JobsPage() {
       {createOpen && (
         <Modal title="Create Job" onClose={() => setCreateOpen(false)}>
           <form className="modal-form" onSubmit={createJob}>
+            <label>Quick Create</label>
             <div className="preset-grid">
               <button className="secondary-button" type="button" onClick={() => setType("demo.success")}>
                 Success
@@ -270,7 +271,7 @@ export function JobsPage() {
               <button className="secondary-button" type="button" onClick={() => setType("demo.flaky")}>
                 Flaky Retry
               </button>
-              <button className="secondary-button" type="button" onClick={() => void createBatch()}>
+              <button className="primary-button" type="button" onClick={() => void createBatch()}>
                 <RotateCcw size={16} /> 10 Mixed
               </button>
             </div>
@@ -293,9 +294,6 @@ export function JobsPage() {
               <input value={idempotencyKey} onChange={(event) => setIdempotencyKey(event.target.value)} />
             </label>
             <div className="modal-actions">
-              <button className="secondary-button" type="button" onClick={() => void createDemo(jobType, priority, maxAttempts)}>
-                Quick Create
-              </button>
               <button className="secondary-button" type="button" onClick={() => setCreateOpen(false)}>
                 Cancel
               </button>