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)/help/page.tsx

@@ -1,10 +1,10 @@
+import { HelpCircle } from "lucide-react";
 import {
 	Accordion,
 	AccordionContent,
 	AccordionItem,
 	AccordionTrigger,
 } from "@/components/ui/accordion";
-import { HelpCircle } from "lucide-react";
 
 export default function HelpPage() {
 	const faqs = [
@@ -48,10 +48,8 @@ export default function HelpPage() {
 				<h2 className="text-xl font-semibold mb-6">Foire Aux Questions</h2>
 				<Accordion type="single" collapsible className="w-full">
 					{faqs.map((faq, index) => (
-						<AccordionItem key={index} value={`item-${index}`}>
-							<AccordionTrigger className="text-left">
-								{faq.question}
-							</AccordionTrigger>
+						<AccordionItem key={faq.question} value={`item-${index}`}>
+							<AccordionTrigger className="text-left">{faq.question}</AccordionTrigger>
 							<AccordionContent className="text-muted-foreground leading-relaxed">
 								{faq.answer}
 							</AccordionContent>