refactor: apply consistent formatting to improve code quality

Ensure uniform code formatting across components by aligning with the established code style. Adjust imports, indentation, and spacing to enhance readability and maintainability.

frontend/src/components/home-content.tsx

@@ -1,35 +1,37 @@
 "use client";
 
+import { useSearchParams } from "next/navigation";
 import * as React from "react";
 import { ContentList } from "@/components/content-list";
 import { ContentService } from "@/services/content.service";
-import { useSearchParams } from "next/navigation";
 
 export function HomeContent() {
-  const searchParams = useSearchParams();
-  
-  const sort = (searchParams.get("sort") as "trend" | "recent") || "trend";
-  const category = searchParams.get("category") || undefined;
-  const tag = searchParams.get("tag") || undefined;
-  const query = searchParams.get("query") || undefined;
+	const searchParams = useSearchParams();
 
-  const fetchFn = React.useCallback((params: { limit: number; offset: number }) => 
-    ContentService.getExplore({ 
-      ...params, 
-      sort, 
-      category, 
-      tag, 
-      query 
-    }), 
-  [sort, category, tag, query]);
+	const sort = (searchParams.get("sort") as "trend" | "recent") || "trend";
+	const category = searchParams.get("category") || undefined;
+	const tag = searchParams.get("tag") || undefined;
+	const query = searchParams.get("query") || undefined;
 
-  const title = query 
-    ? `Résultats pour "${query}"` 
-    : category 
-      ? `Catégorie : ${category}` 
-      : sort === "trend" 
-        ? "Tendances du moment" 
-        : "Nouveautés";
+	const fetchFn = React.useCallback(
+		(params: { limit: number; offset: number }) =>
+			ContentService.getExplore({
+				...params,
+				sort,
+				category,
+				tag,
+				query,
+			}),
+		[sort, category, tag, query],
+	);
 
-  return <ContentList fetchFn={fetchFn} title={title} />;
+	const title = query
+		? `Résultats pour "${query}"`
+		: category
+			? `Catégorie : ${category}`
+			: sort === "trend"
+				? "Tendances du moment"
+				: "Nouveautés";
+
+	return <ContentList fetchFn={fetchFn} title={title} />;
 }