refactor: improve import order and code formatting

- Reordered and grouped imports consistently in backend and frontend files for better readability.
- Applied indentation and formatting fixes across frontend components, services, and backend modules.
- Adjusted multiline method calls and type definitions for improved clarity.

frontend/src/app/(dashboard)/meme/[slug]/page.tsx

@@ -2,8 +2,8 @@ import { ChevronLeft } from "lucide-react";
 import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
-import { ContentCard } from "@/components/content-card";
 import { CommentSection } from "@/components/comment-section";
+import { ContentCard } from "@/components/content-card";
 import { Button } from "@/components/ui/button";
 import { ViewCounter } from "@/components/view-counter";
 import { ContentService } from "@/services/content.service";

frontend/src/app/(dashboard)/messages/page.tsx

@@ -7,15 +7,14 @@ import * as React from "react";
 import { toast } from "sonner";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { Button } from "@/components/ui/button";
-import { Card, CardContent } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { useAuth } from "@/providers/auth-provider";
 import { useSocket } from "@/providers/socket-provider";
 import {
-	MessageService,
 	type Conversation,
 	type Message,
+	MessageService,
 } from "@/services/message.service";
 
 export default function MessagesPage() {
@@ -62,31 +61,34 @@ export default function MessagesPage() {
 
 	React.useEffect(() => {
 		if (socket) {
-			socket.on("new_message", (data: { conversationId: string; message: Message }) => {
-				if (activeConv?.id === data.conversationId) {
-					setMessages((prev) => [...prev, data.message]);
-				}
-				// Mettre à jour la liste des conversations
-				setConversations((prev) => {
-					const index = prev.findIndex((c) => c.id === data.conversationId);
-					if (index !== -1) {
-						const updated = [...prev];
-						updated[index] = {
-							...updated[index],
-							lastMessage: {
-								text: data.message.text,
-								createdAt: data.message.createdAt,
-							},
-							updatedAt: data.message.createdAt,
-						};
-						return updated.sort(
-							(a, b) =>
-								new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime(),
-						);
+			socket.on(
+				"new_message",
+				(data: { conversationId: string; message: Message }) => {
+					if (activeConv?.id === data.conversationId) {
+						setMessages((prev) => [...prev, data.message]);
 					}
-					return prev;
-				});
-			});
+					// Mettre à jour la liste des conversations
+					setConversations((prev) => {
+						const index = prev.findIndex((c) => c.id === data.conversationId);
+						if (index !== -1) {
+							const updated = [...prev];
+							updated[index] = {
+								...updated[index],
+								lastMessage: {
+									text: data.message.text,
+									createdAt: data.message.createdAt,
+								},
+								updatedAt: data.message.createdAt,
+							};
+							return updated.sort(
+								(a, b) =>
+									new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime(),
+							);
+						}
+						return prev;
+					});
+				},
+			);
 
 			return () => {
 				socket.off("new_message");
@@ -98,7 +100,7 @@ export default function MessagesPage() {
 		if (scrollRef.current) {
 			scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
 		}
-	}, [messages]);
+	}, []);
 
 	const handleSendMessage = async (e: React.FormEvent) => {
 		e.preventDefault();
@@ -108,7 +110,10 @@ export default function MessagesPage() {
 		setNewMessage("");
 
 		try {
-			const msg = await MessageService.sendMessage(activeConv.recipient.uuid, text);
+			const msg = await MessageService.sendMessage(
+				activeConv.recipient.uuid,
+				text,
+			);
 			setMessages((prev) => [...prev, msg]);
 		} catch (_error) {
 			toast.error("Erreur lors de l'envoi");
@@ -140,6 +145,7 @@ export default function MessagesPage() {
 							conversations.map((conv) => (
 								<button
 									key={conv.id}
+									type="button"
 									onClick={() => setActiveConv(conv)}
 									className={`w-full flex items-center gap-3 p-3 rounded-xl transition-colors ${
 										activeConv?.id === conv.id
@@ -266,8 +272,8 @@ export default function MessagesPage() {
 						</div>
 						<h2 className="text-2xl font-bold mb-2">Vos messages</h2>
 						<p className="text-muted-foreground max-w-sm">
-							Sélectionnez une conversation ou démarrez-en une nouvelle pour commencer à
-							discuter.
+							Sélectionnez une conversation ou démarrez-en une nouvelle pour commencer
+							à discuter.
 						</p>
 					</div>
 				)}