add final summary block

src/app/hooks/react-query/useViolationFinalSummaryStatistic.tsx

@@ -0,0 +1,27 @@
+import { useQuery } from '@tanstack/react-query';
+import { fetchViolationFinalSummaryStatistic } from '@/app/actions/violationActions';
+
+export interface UseViolationFinalSummaryStatistic {
+	complaints_without_case: number;
+	total_complaints: number;
+	total_law_cases: number;
+	total_violations: number;
+	violations_with_complaint: number;
+	violations_without_complaint: number;
+}
+
+export const useViolationFinalSummaryStatistic = () => {
+	return useQuery({
+		queryKey: ['violationFinalSummaryStatistic'],
+		queryFn: () => {
+			return fetchViolationFinalSummaryStatistic()
+		},
+		select: (data: UseViolationFinalSummaryStatistic | null) => {
+			if (!data) {
+				return null
+			}
+			return data;
+		},
+		retry: false
+	});
+};