refactor: Update component structure to use behavior and stack attributes, enhancing clarity and functionality across services, tools, and frontends

app/src/components/SectionHeader.tsx

@@ -1,10 +1,10 @@
 import { SECTION_HEADERS } from "@/lib/labels"
 
-export function SectionHeader({ category }: { category: string }) {
-  const info = SECTION_HEADERS[category]
+export function SectionHeader({ section }: { section: string }) {
+  const info = SECTION_HEADERS[section]
   return (
     <div className="mb-3">
-      <h2 className="text-lg font-semibold">{info?.title ?? category}</h2>
+      <h2 className="text-lg font-semibold">{info?.title ?? section}</h2>
       <p className="text-sm text-[var(--muted)]">{info?.subtitle}</p>
     </div>
   )