Filters and badges

frontend/src/pages/Writer/Approved.tsx

@@ -37,7 +37,7 @@ import ErrorDetailsModal from '../../components/common/ErrorDetailsModal';
 export default function Approved() {
   const toast = useToast();
   const navigate = useNavigate();
-  const { activeSector } = useSectorStore();
+  const { activeSector, sectors } = useSectorStore();
   const { activeSite } = useSiteStore();
   const { pageSize } = usePageSizeStore();
 
@@ -670,11 +670,16 @@ export default function Approved() {
       setSiteStatusFilter,
       setCurrentPage,
       activeSector,
+      sectors,
       onRowClick: (row: Content) => {
         navigate(`/writer/content/${row.id}`);
       },
+      statusOptions,
+      siteStatusOptions,
+      contentTypeOptions,
+      contentStructureOptions,
     });
-  }, [searchTerm, statusFilter, siteStatusFilter, contentTypeFilter, contentStructureFilter, activeSector, navigate]);
+  }, [searchTerm, statusFilter, siteStatusFilter, activeSector, sectors, statusOptions, siteStatusOptions, contentTypeOptions, contentStructureOptions, navigate]);
 
   // Calculate header metrics - use totals from API calls (not page data)
   // This ensures metrics show correct totals across all pages, not just current page