feat: enhance default open logic for service rows and improve transition effects

apps/infoalloggi/src/components/tables/ricerca-table.tsx

@@ -32,12 +32,20 @@ export const TabRicerca = ({
 		);
 	}
 
+	const first_choice = data.findIndex((s) => !s.isInterrotto && s.isOkAcconto);
+	const second_choice = data.findIndex((s) => !s.isInterrotto);
+	const getDefaultOpen = (idx: number) => {
+		if (first_choice !== -1) return idx === first_choice;
+		if (second_choice !== -1) return idx === second_choice;
+		return idx === 0;
+	};
+
 	return (
 		<div className="flex flex-col gap-2">
 			{data.map((servizio, idx) => {
 				return (
 					<Row
-						defaultOpen={idx === 0}
+						defaultOpen={getDefaultOpen(idx)}
 						isAdmin={isAdmin}
 						key={idx}
 						servizio={servizio}
@@ -72,7 +80,9 @@ const Row = ({
 				<div className="flex items-center rounded-md border border-border py-2 shadow-sm hover:shadow-md">
 					<CollapsibleTrigger className="grid w-full cursor-pointer grid-cols-10 items-center">
 						<div className="col-span-2 sm:col-span-1">
-							<span className="text-xl">{isOpen ? "👇" : "👉"}</span>
+							<span className="text-xl transition-all duration-300 ease-in-out">
+								{isOpen ? "👇" : "👉"}
+							</span>
 						</div>
 						<div className="col-span-6 flex items-center gap-2 font-semibold sm:text-lg">
 							<Package className="size-6 text-primary" />