refactor: optimize import orders, improve formatting and code readability

Standardize import declarations, resolve misplaced imports, and enhance consistency across components. Update indentation, split multiline JSX props, and enforce consistent function formatting for better maintainability.

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

@@ -24,8 +24,8 @@ import {
 	FormMessage,
 } from "@/components/ui/form";
 import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
 import { Spinner } from "@/components/ui/spinner";
+import { Textarea } from "@/components/ui/textarea";
 import { useAuth } from "@/providers/auth-provider";
 import { UserService } from "@/services/user.service";
 
@@ -52,7 +52,7 @@ export default function SettingsPage() {
 		if (user) {
 			form.reset({
 				displayName: user.displayName || "",
-				bio: (user as any).bio || "",
+				bio: user.bio || "",
 			});
 		}
 	}, [user, form]);
@@ -107,7 +107,8 @@ export default function SettingsPage() {
 				<CardHeader>
 					<CardTitle>Informations personnelles</CardTitle>
 					<CardDescription>
-						Mettez à jour vos informations publiques. Ces données seront visibles par les autres utilisateurs.
+						Mettez à jour vos informations publiques. Ces données seront visibles par
+						les autres utilisateurs.
 					</CardDescription>
 				</CardHeader>
 				<CardContent>
@@ -117,7 +118,11 @@ export default function SettingsPage() {
 								<FormItem>
 									<FormLabel>Nom d'utilisateur</FormLabel>
 									<FormControl>
-										<Input value={user.username} disabled className="bg-zinc-50 dark:bg-zinc-900" />
+										<Input
+											value={user.username}
+											disabled
+											className="bg-zinc-50 dark:bg-zinc-900"
+										/>
 									</FormControl>
 									<FormDescription>
 										Le nom d'utilisateur ne peut pas être modifié.