add two tanstack tables for claims and complaints

src/app/[locale]/pages/violations/page.tsx

@@ -7,6 +7,8 @@ import AnalyticsCardGeography from '@/app/ui/reports/analytics-card-geography';
 import AnalyticsCardDistribution from '@/app/ui/reports/analytics-card-distribution';
 import ViolationsMyClaims from '@/app/ui/violations/violations-my-claims';
 import ViolationsLastCombinedCases from '@/app/ui/violations/violations-last-combined-cases';
+import { ViolationsMyComplaintsTable } from '@/app/ui/violations/tables/violations-my-complaints-table';
+import { ViolationsMyClaimsTable } from '@/app/ui/violations/tables/violations-my-claims-table';
 
 export default function Page() {
 	return (
@@ -19,13 +21,16 @@ export default function Page() {
 			<ViolationsCheckAllSection />
 			<ViolationsTable />
 			<ViolationsLastCombinedCases />
-{/* 			<ViolationsMyComplaint />
+			{/* 			<ViolationsMyComplaint />
 			<ViolationsMyClaims /> */}
 			<div className="analytics-grid">
 				<AnalyticsCardDistribution />
 				<AnalyticsCardGeography />
 			</div>
-
+			<div className="analytics-grid">
+				<ViolationsMyClaimsTable />
+				<ViolationsMyComplaintsTable />
+			</div>
 		</>
 	)
 }