refactor: improve formatting, type safety, and component organization

- Adjusted inconsistent formatting for better readability across components and services.
- Enhanced type safety by adding placeholders for ignored error parameters and improving types across services.
- Improved component organization by reordering imports consistently and applying formatting updates in UI components.

frontend/src/app/(dashboard)/admin/reports/page.tsx

@@ -1,15 +1,15 @@
 "use client";
 
-import { useEffect, useState } from "react";
-import { toast } from "sonner";
 import {
-	CheckCircle,
-	XCircle,
 	AlertCircle,
-	MoreHorizontal,
 	ArrowLeft,
+	CheckCircle,
+	MoreHorizontal,
+	XCircle,
 } from "lucide-react";
 import Link from "next/link";
+import { useCallback, useEffect, useState } from "react";
+import { toast } from "sonner";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
@@ -34,34 +34,34 @@ import {
 	TableRow,
 } from "@/components/ui/table";
 import { adminService } from "@/services/admin.service";
-import { ReportStatus, type Report } from "@/services/report.service";
+import { type Report, ReportStatus } from "@/services/report.service";
 
 export default function AdminReportsPage() {
 	const [reports, setReports] = useState<Report[]>([]);
 	const [loading, setLoading] = useState(true);
 
-	const fetchReports = async () => {
+	const fetchReports = useCallback(async () => {
 		setLoading(true);
 		try {
 			const data = await adminService.getReports();
 			setReports(data);
-		} catch (error) {
+		} catch (_error) {
 			toast.error("Erreur lors du chargement des signalements.");
 		} finally {
 			setLoading(false);
 		}
-	};
+	}, []);
 
 	useEffect(() => {
 		fetchReports();
-	}, []);
+	}, [fetchReports]);
 
 	const handleUpdateStatus = async (reportId: string, status: ReportStatus) => {
 		try {
 			await adminService.updateReportStatus(reportId, status);
 			toast.success("Statut mis à jour.");
 			fetchReports();
-		} catch (error) {
+		} catch (_error) {
 			toast.error("Erreur lors de la mise à jour du statut.");
 		}
 	};
@@ -128,9 +128,7 @@ export default function AdminReportsPage() {
 							) : (
 								reports.map((report) => (
 									<TableRow key={report.uuid}>
-										<TableCell>
-											{report.reporterId.substring(0, 8)}...
-										</TableCell>
+										<TableCell>{report.reporterId.substring(0, 8)}...</TableCell>
 										<TableCell>
 											{report.contentId ? (
 												<Link
@@ -188,9 +186,7 @@ export default function AdminReportsPage() {
 													</DropdownMenuItem>
 													{report.contentId && (
 														<DropdownMenuItem asChild>
-															<Link href={`/meme/${report.contentId}`}>
-																Voir le contenu
-															</Link>
+															<Link href={`/meme/${report.contentId}`}>Voir le contenu</Link>
 														</DropdownMenuItem>
 													)}
 												</DropdownMenuContent>