Fix CitizensIssues: add missing filter state variables and fix dependency array

web/src/pages/Citizens.tsx

@@ -151,13 +151,6 @@ export default function Citizens() {
   }
 
   const handleCitizensIssue = () => {
-    // Debug log to understand the issue
-    console.log('handleCitizensIssue called', {
-      nftDetails,
-      citizenNFT: nftDetails.citizenNFT,
-      loading
-    });
-
     // Check if user has Tiki NFT
     if (!nftDetails.citizenNFT) {
       toast({

web/src/pages/citizens/CitizensIssues.tsx

@@ -100,6 +100,8 @@ export default function CitizensIssues() {
   const [filteredIssues, setFilteredIssues] = useState<Issue[]>([]);
   const [userVotes, setUserVotes] = useState<Map<number, boolean>>(new Map());
   const [searchQuery, setSearchQuery] = useState<string>('');
+  const [categoryFilter, setCategoryFilter] = useState<string>('all');
+  const [statusFilter, setStatusFilter] = useState<string>('all');
   const [showSubmitModal, setShowSubmitModal] = useState(false);
   const [newIssueDescription, setNewIssueDescription] = useState('');
   const [newIssueCategory, setNewIssueCategory] = useState('Governance');
@@ -138,7 +140,7 @@ export default function CitizensIssues() {
   useEffect(() => {
     applyFilters();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [issues, categorystatussearchQuery]);
+  }, [issues, categoryFilter, statusFilter, searchQuery]);
 
   const fetchAllData = async () => {
     setLoading(true);