diff --git a/apps/infoalloggi/biome.json b/apps/infoalloggi/biome.json
index fe9f392..a95b5f5 100644
--- a/apps/infoalloggi/biome.json
+++ b/apps/infoalloggi/biome.json
@@ -88,7 +88,12 @@
 				"useParseIntRadix": "off"
 			},
 			"nursery": {
-				"useExhaustiveSwitchCases": "on"
+				"useExhaustiveSwitchCases": "on",
+				"useSortedClasses": {
+					"level": "info",
+					"fix": "safe",
+					"options": {}
+				}
 			},
 			"performance": {
 				"noImgElement": "off",
diff --git a/apps/infoalloggi/emails/VerificaEmail.tsx b/apps/infoalloggi/emails/VerificaEmail.tsx
index e8e3a64..409c79f 100644
--- a/apps/infoalloggi/emails/VerificaEmail.tsx
+++ b/apps/infoalloggi/emails/VerificaEmail.tsx
@@ -26,7 +26,7 @@ const VerificaEmail = ({ token, userId, redirect }: VerificaEmailProps) => {
 					</Row>
 
 					<Button
-						className="mx-auto box-border inline-flex h-10 items-center justify-center rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold whitespace-nowrap text-neutral-900"
+						className="mx-auto box-border inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold text-neutral-900"
 						href={`${process.env.NEXT_PUBLIC_BASE_URL}/auth/verifica-email-action?t=${token}&u=${userId}${redirect ? `&r=${redirect}` : ""}`}
 					>
 						Clicca qui per verificare
diff --git a/apps/infoalloggi/emails/base.tsx b/apps/infoalloggi/emails/base.tsx
index 8960f73..44d1fcb 100644
--- a/apps/infoalloggi/emails/base.tsx
+++ b/apps/infoalloggi/emails/base.tsx
@@ -40,7 +40,7 @@ const Base = ({
 
 				<Preview>{preview}</Preview>
 				<Body className="py-2 text-center font-sans text-base text-neutral-700">
-					<Container className="max-w-xl rounded-lg border border-solid border-[#eaeaea] pt-2 pb-10">
+					<Container className="max-w-xl rounded-lg border border-[#eaeaea] border-solid pt-2 pb-10">
 						<Img
 							alt="Infoalloggi.it"
 							className="mx-auto my-2 scale-80"
@@ -57,7 +57,7 @@ const Base = ({
 
 							<Section className="mt-4">
 								{noreply && (
-									<Text className="text-xs text-neutral-500">
+									<Text className="text-neutral-500 text-xs">
 										Questo è un messaggio automatico, per favore non rispondere
 										a questa email.
 									</Text>
diff --git a/apps/infoalloggi/emails/contatto_annuncio.tsx b/apps/infoalloggi/emails/contatto_annuncio.tsx
index ec3f79a..863432d 100644
--- a/apps/infoalloggi/emails/contatto_annuncio.tsx
+++ b/apps/infoalloggi/emails/contatto_annuncio.tsx
@@ -39,7 +39,7 @@ const ContattoAnnuncioEmail = ({
 				</Section>
 				<Section className="mb-5">
 					<Button
-						className="mx-auto box-border inline-flex h-10 items-center justify-center rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold whitespace-nowrap text-neutral-900"
+						className="mx-auto box-border inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold text-neutral-900"
 						href={`${process.env.NEXT_PUBLIC_BASE_URL}/annuncio/${codice}`}
 					>
 						Vai all&apos;annuncio
diff --git a/apps/infoalloggi/emails/gereric-email.tsx b/apps/infoalloggi/emails/gereric-email.tsx
index eb17d0b..4c6a0f0 100644
--- a/apps/infoalloggi/emails/gereric-email.tsx
+++ b/apps/infoalloggi/emails/gereric-email.tsx
@@ -32,7 +32,7 @@ const Generic = ({
 					{link && (
 						<Section className="mb-5">
 							<Button
-								className="mx-auto box-border inline-flex h-10 items-center justify-center rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold whitespace-nowrap text-neutral-900"
+								className="mx-auto box-border inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold text-neutral-900"
 								href={`${link.href}`}
 							>
 								{link.label}
diff --git a/apps/infoalloggi/emails/onboarding-servizio.tsx b/apps/infoalloggi/emails/onboarding-servizio.tsx
index f1fb6ad..f16b26f 100644
--- a/apps/infoalloggi/emails/onboarding-servizio.tsx
+++ b/apps/infoalloggi/emails/onboarding-servizio.tsx
@@ -46,7 +46,7 @@ const OnboardingServizio = ({
 					</Row>
 					<Section className="mb-5">
 						<Button
-							className="mx-auto box-border inline-flex h-10 items-center justify-center rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold whitespace-nowrap text-neutral-900"
+							className="mx-auto box-border inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold text-neutral-900"
 							href={`${process.env.NEXT_PUBLIC_BASE_URL}/servizio/pre-onboard/${token}`}
 						>
 							Vai al servizio
@@ -68,22 +68,22 @@ const OnboardingServizio = ({
 											width="100%"
 										/>
 									</Row>
-									<Row className="block w-full ">
-										<div className="mb-[5px] flex h-[24px] w-fit items-center justify-center gap-1 rounded-full bg-indigo-600 px-2 text-[12px] leading-none font-semibold text-white">
+									<Row className="block w-full">
+										<div className="mb-[5px] flex h-[24px] w-fit items-center justify-center gap-1 rounded-full bg-indigo-600 px-2 font-semibold text-[12px] text-white leading-0">
 											<strong>Codice: </strong> {annuncio.codice}
 										</div>
 										<Heading
 											as="h2"
-											className="mt-0 mb-[6px] text-[16px] leading-none font-bold"
+											className="mt-0 mb-[6px] font-bold text-[16px] leading-none"
 										>
 											{annuncio.titolo || "N/A"}
 										</Heading>
-										<Text className="m-0 text-[14px] leading-[24px] text-gray-500">
+										<Text className="m-0 text-[14px] text-gray-500 leading-[24px]">
 											<strong>Prezzo:</strong> €
 											{(annuncio.prezzo / 1e2).toFixed(2)}
 										</Text>
 										<Link
-											className="block text-[14px] font-semibold text-indigo-600 no-underline"
+											className="block font-semibold text-[14px] text-indigo-600 no-underline"
 											href={`${process.env.NEXT_PUBLIC_BASE_URL}/annuncio/${annuncio.codice}`}
 										>
 											Scheda dell&apos;annuncio →
diff --git a/apps/infoalloggi/emails/pagamento-conferma.tsx b/apps/infoalloggi/emails/pagamento-conferma.tsx
index 7b7dad3..59b26b1 100644
--- a/apps/infoalloggi/emails/pagamento-conferma.tsx
+++ b/apps/infoalloggi/emails/pagamento-conferma.tsx
@@ -27,7 +27,7 @@ const PagamentoConferma = ({ receiptHref }: PagamentoConfermaProps) => {
 					</Row>
 					<Section className="mb-5">
 						<Button
-							className="mx-auto box-border inline-flex h-10 items-center justify-center rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold whitespace-nowrap text-neutral-900"
+							className="mx-auto box-border inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold text-neutral-900"
 							href={receiptHref}
 						>
 							Vai al tuo account
diff --git a/apps/infoalloggi/emails/pagamento-errore.tsx b/apps/infoalloggi/emails/pagamento-errore.tsx
index 79884f8..dc4ee17 100644
--- a/apps/infoalloggi/emails/pagamento-errore.tsx
+++ b/apps/infoalloggi/emails/pagamento-errore.tsx
@@ -21,7 +21,7 @@ const PagamentoErrore = () => {
 					</Row>
 					<Section className="mb-5">
 						<Button
-							className="mx-auto box-border inline-flex h-10 items-center justify-center rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold whitespace-nowrap text-neutral-900"
+							className="mx-auto box-border inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold text-neutral-900"
 							href={`${process.env.NEXT_PUBLIC_BASE_URL}/area-riservata/dashboard`}
 						>
 							Vai al tuo account
diff --git a/apps/infoalloggi/emails/pagamento-ricezione.tsx b/apps/infoalloggi/emails/pagamento-ricezione.tsx
index 6fafb79..2b1fa8d 100644
--- a/apps/infoalloggi/emails/pagamento-ricezione.tsx
+++ b/apps/infoalloggi/emails/pagamento-ricezione.tsx
@@ -21,7 +21,7 @@ const PagamentoRicezione = () => {
 					</Row>
 					<Section className="mb-5">
 						<Button
-							className="mx-auto box-border inline-flex h-10 items-center justify-center rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold whitespace-nowrap text-neutral-900"
+							className="mx-auto box-border inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold text-neutral-900"
 							href={`${process.env.NEXT_PUBLIC_BASE_URL}/area-riservata/dashboard`}
 						>
 							Vai al tuo account
diff --git a/apps/infoalloggi/emails/pw-reset-link.tsx b/apps/infoalloggi/emails/pw-reset-link.tsx
index 6fb1597..df91a0e 100644
--- a/apps/infoalloggi/emails/pw-reset-link.tsx
+++ b/apps/infoalloggi/emails/pw-reset-link.tsx
@@ -24,7 +24,7 @@ const PwResetLink = ({ resetlink }: PwResetLinkProps) => {
 					</Row>
 					<Section className="mb-5">
 						<Button
-							className="mx-auto box-border inline-flex h-10 items-center justify-center rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold whitespace-nowrap text-neutral-900"
+							className="mx-auto box-border inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold text-neutral-900"
 							href={resetlink}
 						>
 							Clicca qui per il reset della password
diff --git a/apps/infoalloggi/emails/registrazione-avvenuta.tsx b/apps/infoalloggi/emails/registrazione-avvenuta.tsx
index ebfd892..760d168 100644
--- a/apps/infoalloggi/emails/registrazione-avvenuta.tsx
+++ b/apps/infoalloggi/emails/registrazione-avvenuta.tsx
@@ -20,7 +20,7 @@ const RegistrazioneAvvenuta = () => {
 					</Row>
 					<Section className="mb-5">
 						<Button
-							className="mx-auto box-border inline-flex h-10 items-center justify-center rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold whitespace-nowrap text-neutral-900"
+							className="mx-auto box-border inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold text-neutral-900"
 							href={`${process.env.NEXT_PUBLIC_BASE_URL}/area-riservata/dashboard`}
 						>
 							Vai al tuo account
diff --git a/apps/infoalloggi/src/_app/testapp/page.tsx b/apps/infoalloggi/src/_app/testapp/page.tsx
index 4fadc78..1241c85 100644
--- a/apps/infoalloggi/src/_app/testapp/page.tsx
+++ b/apps/infoalloggi/src/_app/testapp/page.tsx
@@ -8,10 +8,10 @@ export default function TestAppPage() {
 
 	return (
 		<div className="p-8">
-			<h1 className="mb-4 text-2xl font-bold">Test App Page</h1>
+			<h1 className="mb-4 font-bold text-2xl">Test App Page</h1>
 
 			<div className="rounded-lg border bg-gray-50 p-4">
-				<h2 className="mb-2 text-lg font-semibold">Data from Database:</h2>
+				<h2 className="mb-2 font-semibold text-lg">Data from Database:</h2>
 
 				<Suspense fallback={<LoadingPage />}>
 					<AnnunciList annunci={annunci} />
diff --git a/apps/infoalloggi/src/components/IconComponents.tsx b/apps/infoalloggi/src/components/IconComponents.tsx
index ae74c35..9c53345 100644
--- a/apps/infoalloggi/src/components/IconComponents.tsx
+++ b/apps/infoalloggi/src/components/IconComponents.tsx
@@ -218,7 +218,7 @@ export const IconMatrixTooltip = () => {
 					<div className="grid grid-cols-4 gap-2">
 						{iconOptions.map((icon) => (
 							<button
-								className="bg-muted flex flex-col items-center rounded-xl p-2 hover:opacity-75"
+								className="flex flex-col items-center rounded-xl bg-muted p-2 hover:opacity-75"
 								key={icon}
 								onClick={async () => {
 									await navigator.clipboard.writeText(icon);
diff --git a/apps/infoalloggi/src/components/InformationBubble.tsx b/apps/infoalloggi/src/components/InformationBubble.tsx
index 4fe045f..338b71c 100644
--- a/apps/infoalloggi/src/components/InformationBubble.tsx
+++ b/apps/infoalloggi/src/components/InformationBubble.tsx
@@ -54,7 +54,7 @@ const InformationBubble = ({
 			<HybridTooltip>
 				<HybridTooltipTrigger
 					className={cn(
-						`absolute -top-2 -right-2 flex size-6 items-center justify-center rounded-full bg-white`,
+						`-top-2 -right-2 absolute flex size-6 items-center justify-center rounded-full bg-white`,
 						className,
 					)}
 				>
@@ -65,12 +65,12 @@ const InformationBubble = ({
 				</HybridTooltipTrigger>
 
 				<HybridTooltipContent
-					className="border-border -mb-1.5 bg-white shadow-sm [&>span>svg]:invisible"
+					className="-mb-1.5 border-border bg-white shadow-sm [&>span>svg]:invisible"
 					side={side}
 				>
 					{href ? (
 						<Link
-							className="flex items-center justify-center text-sm text-blue-500 underline-offset-2 hover:underline"
+							className="flex items-center justify-center text-blue-500 text-sm underline-offset-2 hover:underline"
 							href={href}
 							target={target}
 						>
diff --git a/apps/infoalloggi/src/components/MapDialog.tsx b/apps/infoalloggi/src/components/MapDialog.tsx
index 76f3d67..f81fb5a 100644
--- a/apps/infoalloggi/src/components/MapDialog.tsx
+++ b/apps/infoalloggi/src/components/MapDialog.tsx
@@ -33,7 +33,7 @@ export const MappaDialogFullscreen = ({
 					<MapIcon className="size-5" /> {t.mappa}
 				</Button>
 			</DialogTrigger>
-			<DialogContent className="h-full w-screen max-w-[100vw] p-0 sm:max-h-[60vh] sm:max-w-2xl [&_#dialog-close]:bg-white [&_#dialog-close]:opacity-100 [&_#dialog-close>svg]:size-8">
+			<DialogContent className="h-full w-screen max-w-[100vw] p-0 sm:max-h-[60vh] sm:max-w-2xl [&_#dialog-close>svg]:size-8 [&_#dialog-close]:bg-white [&_#dialog-close]:opacity-100">
 				<DialogHeader className="hidden h-0">
 					<DialogTitle className="sr-only">{t.mappa}</DialogTitle>
 					<DialogDescription className="sr-only">{t.mappa}</DialogDescription>
diff --git a/apps/infoalloggi/src/components/acquisto_processing.tsx b/apps/infoalloggi/src/components/acquisto_processing.tsx
index 43f629c..3c116b3 100644
--- a/apps/infoalloggi/src/components/acquisto_processing.tsx
+++ b/apps/infoalloggi/src/components/acquisto_processing.tsx
@@ -53,7 +53,7 @@ export const AcquistoProcessing = ({
 
 	return (
 		<div className="mx-auto my-4 w-full max-w-3xl space-y-8 rounded-md">
-			<h3 className="mt-2 text-center text-2xl font-bold tracking-wide text-neutral-700 uppercase">
+			<h3 className="mt-2 text-center font-bold text-2xl text-neutral-700 uppercase tracking-wide">
 				{t.acquisto.titolo}
 			</h3>
 			{(() => {
@@ -119,12 +119,12 @@ export const PricePreparation = ({
 		<div className="mx-auto mt-4 max-w-2xl p-2 sm:mt-10">
 			{isLoading || !prezziario ? (
 				<>
-					<h3 className="text-2xl font-semibold">{t.acquisto.preparazione}</h3>
+					<h3 className="font-semibold text-2xl">{t.acquisto.preparazione}</h3>
 					<LoadingPage />
 				</>
 			) : (
 				<div className="space-y-8">
-					<h3 className="text-center text-2xl font-semibold">
+					<h3 className="text-center font-semibold text-2xl">
 						{t.acquisto.servizi_acquisto}
 					</h3>
 
@@ -133,7 +133,7 @@ export const PricePreparation = ({
 						<p className="text-lg">
 							Cod: &ldquo;{prezziario.idprezziario}&rdquo;
 						</p>
-						<p className="text-4xl font-bold">
+						<p className="font-bold text-4xl">
 							{formatCurrency(prezziario.prezzo_cent / 100)}
 						</p>
 						<p>{prezziario.desc_it}</p>
@@ -215,10 +215,10 @@ const CheckoutForm = ({
 				</CardTitle>
 				<p>{descrizione}</p>
 				<span>
-					<span className="text-3xl font-bold">
+					<span className="font-bold text-3xl">
 						{formatCurrency(prezzo / 100)}
 					</span>{" "}
-					<span className="text-base font-normal sm:text-sm">
+					<span className="font-normal text-base sm:text-sm">
 						{t.pricing_cmp.risultati_iva}
 					</span>
 				</span>
diff --git a/apps/infoalloggi/src/components/acquisto_receipt.tsx b/apps/infoalloggi/src/components/acquisto_receipt.tsx
index 5c92124..5e2d701 100644
--- a/apps/infoalloggi/src/components/acquisto_receipt.tsx
+++ b/apps/infoalloggi/src/components/acquisto_receipt.tsx
@@ -20,7 +20,7 @@ export function ReceiptGenerator({ data }: { data: PurchaseData }) {
 		<div className="mx-auto max-w-4xl">
 			<div className="space-y-6">
 				<div className="flex items-center justify-between">
-					<h1 className="text-2xl font-bold">Ricevuta di cortesia</h1>
+					<h1 className="font-bold text-2xl">Ricevuta di cortesia</h1>
 
 					<Button className="print:hidden" onClick={() => reactToPrintFn()}>
 						Stampa
@@ -73,8 +73,8 @@ function Receipt({ data }: ReceiptProps) {
 			<div className="space-y-6">
 				<div className="flex items-start justify-between">
 					<div>
-						<h1 className="text-2xl font-bold">{companyName}</h1>
-						<p className="text-sm whitespace-pre-line">{companyAddress}</p>
+						<h1 className="font-bold text-2xl">{companyName}</h1>
+						<p className="whitespace-pre-line text-sm">{companyAddress}</p>
 					</div>
 
 					<div className="relative size-24">
@@ -87,7 +87,7 @@ function Receipt({ data }: ReceiptProps) {
 					</div>
 				</div>
 				<div className="border-b pb-4">
-					<h2 className="text-center text-xl font-semibold">
+					<h2 className="text-center font-semibold text-xl">
 						Ricevuta di cortesia
 					</h2>
 					<div className="mt-2 flex justify-between">
@@ -114,7 +114,7 @@ function Receipt({ data }: ReceiptProps) {
 					<div>
 						<h3 className="mb-1 font-semibold">Intestatario:</h3>
 						<p className="font-medium">{data.clienteNome}</p>
-						<p className="text-sm whitespace-pre-line">
+						<p className="whitespace-pre-line text-sm">
 							{data.clienteIndirizzo}
 						</p>
 					</div>
@@ -175,10 +175,10 @@ function Receipt({ data }: ReceiptProps) {
 				</div>
 				<div className="border-t pt-4">
 					<h3 className="mb-1 font-semibold">Note</h3>
-					<p className="text-sm whitespace-pre-line">{note}</p>
+					<p className="whitespace-pre-line text-sm">{note}</p>
 				</div>
 
-				<div className="text-muted-foreground pt-6 text-center text-sm">
+				<div className="pt-6 text-center text-muted-foreground text-sm">
 					<p>{footer}</p>
 				</div>
 			</div>
diff --git a/apps/infoalloggi/src/components/annunci_tutorial.tsx b/apps/infoalloggi/src/components/annunci_tutorial.tsx
index 245dd41..38b9aa4 100644
--- a/apps/infoalloggi/src/components/annunci_tutorial.tsx
+++ b/apps/infoalloggi/src/components/annunci_tutorial.tsx
@@ -71,14 +71,14 @@ export const CTA_TipologiaModal = () => {
 					</DialogDescription>
 				</DialogHeader>
 				<div className="flex flex-col gap-8">
-					<div className="border-transitorio space-y-2 rounded-md border p-2">
-						<h3 className="text-transitorio text-lg font-semibold">
+					<div className="space-y-2 rounded-md border border-transitorio p-2">
+						<h3 className="font-semibold text-lg text-transitorio">
 							{t.tipologia_tutorial.transitorio}
 						</h3>
 						<p>{t.tipologia_tutorial.transitorio_desc}</p>
 						<Button
 							aria-label={t.tipologia_tutorial.transitorio_cta}
-							className="bg-transitorio flex w-full items-center gap-2"
+							className="flex w-full items-center gap-2 bg-transitorio"
 							onClick={async () => await update("Transitorio")}
 						>
 							{t.tipologia_tutorial.transitorio_cta}
@@ -86,14 +86,14 @@ export const CTA_TipologiaModal = () => {
 							<ArrowRight className="size-4" />
 						</Button>
 					</div>
-					<div className="border-stabile space-y-2 rounded-md border p-2">
-						<h3 className="text-stabile text-lg font-semibold">
+					<div className="space-y-2 rounded-md border border-stabile p-2">
+						<h3 className="font-semibold text-lg text-stabile">
 							{t.tipologia_tutorial.stabile}
 						</h3>
 						<p>{t.tipologia_tutorial.stabile_desc}</p>
 						<Button
 							aria-label={t.tipologia_tutorial.stabile_cta}
-							className="bg-stabile flex w-full items-center gap-2"
+							className="flex w-full items-center gap-2 bg-stabile"
 							onClick={async () => await update("Stabile")}
 						>
 							{t.tipologia_tutorial.stabile_cta}
diff --git a/apps/infoalloggi/src/components/annuncio-interactions/annuncio_interactions.tsx b/apps/infoalloggi/src/components/annuncio-interactions/annuncio_interactions.tsx
index 26152a9..80c5a5a 100644
--- a/apps/infoalloggi/src/components/annuncio-interactions/annuncio_interactions.tsx
+++ b/apps/infoalloggi/src/components/annuncio-interactions/annuncio_interactions.tsx
@@ -24,7 +24,7 @@ export const AnnuncioInteractions = ({
 
 	if (disabled) {
 		return (
-			<div className="w-full rounded-md bg-red-500 p-2 text-center text-base font-semibold text-white">
+			<div className="w-full rounded-md bg-red-500 p-2 text-center font-semibold text-base text-white">
 				Richieste Temporaneamente disattivate
 			</div>
 		);
@@ -140,7 +140,7 @@ export const InteressatoButton = ({
 	}
 	if (hasInterest) {
 		return (
-			<span className="flex w-full items-center justify-center gap-2 rounded-md bg-green-500 p-2 text-sm font-semibold text-white">
+			<span className="flex w-full items-center justify-center gap-2 rounded-md bg-green-500 p-2 font-semibold text-sm text-white">
 				<BadgePlus className="inline size-5" />
 				Hai già mandato una richiesta
 			</span>
@@ -182,7 +182,7 @@ export const InteressatoButtonBatchV = ({
 
 	if (hasInterest) {
 		return (
-			<span className="flex w-full items-center justify-center gap-2 rounded-md bg-green-500 p-2 text-sm font-semibold text-white">
+			<span className="flex w-full items-center justify-center gap-2 rounded-md bg-green-500 p-2 font-semibold text-sm text-white">
 				<BadgePlus className="inline size-5" />
 				Hai già mandato una richiesta
 			</span>
diff --git a/apps/infoalloggi/src/components/annuncio_card.tsx b/apps/infoalloggi/src/components/annuncio_card.tsx
index b20c346..47ac273 100644
--- a/apps/infoalloggi/src/components/annuncio_card.tsx
+++ b/apps/infoalloggi/src/components/annuncio_card.tsx
@@ -60,7 +60,7 @@ export const CardAnnuncio = ({
 	return (
 		<div
 			className={cn(
-				"h-[464px] rounded-md bg-white shadow-sm shadow-neutral-100 outline outline-neutral-200 hover:shadow-md hover:outline-neutral-300",
+				"h-[464px] rounded-md bg-white shadow-neutral-100 shadow-sm outline outline-neutral-200 hover:shadow-md hover:outline-neutral-300",
 				className,
 			)}
 			id={`card-annuncio-${id}`}
@@ -70,11 +70,11 @@ export const CardAnnuncio = ({
 				//target="_blank"
 				href={`/annuncio/${codice}`} //duration-700 ease-in-out animate-in fade-in
 			>
-				<div className="group relative rounded-md text-clip">
+				<div className="group relative text-clip rounded-md">
 					{stato === "Trattativa" && (
 						<div>
 							<div className="absolute z-20 h-56 w-full">
-								<div className="absolute bottom-0 w-full touch-none bg-violet-500 rounded-b-md text-center text-lg text-white select-none">
+								<div className="absolute bottom-0 w-full touch-none select-none rounded-b-md bg-violet-500 text-center text-lg text-white">
 									Annuncio in Trattativa
 								</div>
 							</div>
@@ -112,7 +112,7 @@ export const CardAnnuncio = ({
 										}}
 									>
 										<VideoPlayer
-											className="h-56 "
+											className="h-56"
 											coverImage={immagini?.[0] ? immagini[0] : ""}
 											key={`videoplayer-${idx}`}
 											videoSrc={video}
@@ -156,36 +156,36 @@ export const CardAnnuncio = ({
 						<div className="text-center">
 							<span className="sr-only">{t.card.codice}</span>
 
-							<span className="text-xl font-semibold text-red-600">
+							<span className="font-semibold text-red-600 text-xl">
 								Cod: {codice}
 							</span>
 						</div>
 						<div className="text-center">
 							<span className="sr-only">{t.card.prezzo}</span>
 
-							<span className="text-xl font-semibold">
+							<span className="font-semibold text-xl">
 								{formatCurrency(prezzo / 1e2)}
 							</span>
 						</div>
 					</div>
 
-					<div className="text-muted-foreground mb-3 text-center">
+					<div className="mb-3 text-center text-muted-foreground">
 						<span className="sr-only">{t.card.titolo}</span>
 
-						<span className="line-clamp-2 min-h-[3.5rem] text-base font-medium md:text-lg">
+						<span className="line-clamp-2 min-h-[3.5rem] font-medium text-base md:text-lg">
 							{titolo}
 						</span>
 					</div>
-					<div className="text-muted-foreground text-center">
+					<div className="text-center text-muted-foreground">
 						<span className="sr-only">{t.card.indirizzo}</span>
 
-						<span className="text-sm font-medium">
+						<span className="font-medium text-sm">
 							{comune && provincia && `${comune} (${provincia})`}
 						</span>
 					</div>
 				</div>
 
-				<div className="text-muted-foreground mt-4 flex items-center justify-around gap-2 text-xs">
+				<div className="mt-4 flex items-center justify-around gap-2 text-muted-foreground text-xs">
 					<div className="flex w-full items-center justify-center gap-1 rounded-md bg-neutral-100 py-3">
 						<Ruler className="size-4 text-indigo-700" />
 
@@ -245,7 +245,7 @@ export const CarouselAnnuncio = ({
 	}
 	return (
 		<>
-			<div className="mx-auto my-4 w-full rounded-md text-clip">
+			<div className="mx-auto my-4 w-full text-clip rounded-md">
 				<div className="relative">
 					<Carousel opts={{ align: "start", loop: true }}>
 						<CarouselContent>
@@ -272,7 +272,7 @@ export const CarouselAnnuncio = ({
 										width={800}
 									/>
 									<Maximize2
-										className="absolute right-2 bottom-2 transition-all duration-300 hover:scale-150 origin-bottom-right ease-in-out cursor-pointer size-7 rounded-md bg-white/70 stroke-2 p-1  group-hover:opacity-100 sm:opacity-0"
+										className="absolute right-2 bottom-2 size-7 origin-bottom-right cursor-pointer rounded-md bg-white/70 stroke-2 p-1 transition-all duration-300 ease-in-out hover:scale-150 group-hover:opacity-100 sm:opacity-0"
 										onClick={() => handleOpenModal(idx)}
 									/>
 								</CarouselItem>
@@ -293,14 +293,14 @@ export const CarouselAnnuncio = ({
 										key={`videoplayer-${video}`}
 									>
 										<VideoPlayer
-											className="h-72 "
+											className="h-72"
 											coverImage={immagini?.[0] ? immagini[0] : ""}
 											key={`videoplayer-${idx}-${openModal}`}
 											videoSrc={video}
 										/>
 
 										<Maximize2
-											className="absolute right-2 bottom-2 transition-all duration-300 hover:scale-150 origin-bottom-right ease-in-out cursor-pointer size-7 rounded-md bg-white/70 stroke-2 p-1  group-hover:opacity-100 sm:opacity-0"
+											className="absolute right-2 bottom-2 size-7 origin-bottom-right cursor-pointer rounded-md bg-white/70 stroke-2 p-1 transition-all duration-300 ease-in-out hover:scale-150 group-hover:opacity-100 sm:opacity-0"
 											onClick={() =>
 												handleOpenModal(immagini?.length || 0 + idx)
 											}
@@ -324,7 +324,7 @@ export const CarouselAnnuncio = ({
 				</div>
 			</div>
 			<Dialog onOpenChange={setOpenModal} open={openModal}>
-				<DialogContent className="flex h-full w-full max-w-full items-center justify-center border-none border-transparent bg-white p-0 md:max-w-[80vw] md:p-6 [&_#dialog-close>svg]:size-8">
+				<DialogContent className="flex h-full w-full max-w-full items-center justify-center border-transparent border-none bg-white p-0 md:max-w-[80vw] md:p-6 [&_#dialog-close>svg]:size-8">
 					<DialogHeader className="absolute top-0 right-0 left-0 z-10">
 						<DialogTitle className="sr-only">Image Dialog</DialogTitle>
 						<DialogDescription className="sr-only">Immagine</DialogDescription>
@@ -335,7 +335,7 @@ export const CarouselAnnuncio = ({
 								<CarouselItem key={`${img}-${idx}-cD`}>
 									<Image
 										alt={`carousel-img-${idx}`}
-										className="mx-auto h-[90vh] w-full rounded-md object-contain sm:w-[80vw] "
+										className="mx-auto h-[90vh] w-full rounded-md object-contain sm:w-[80vw]"
 										height={1080}
 										src={img}
 										width={1920}
@@ -353,7 +353,7 @@ export const CarouselAnnuncio = ({
 										key={`carousel-videoplayer-${video}`}
 									>
 										<VideoPlayer
-											className="h-[90vh] absolute w-full mx-auto max-w-fit rounded-md object-contain"
+											className="absolute mx-auto h-[90vh] w-full max-w-fit rounded-md object-contain"
 											coverImage={immagini?.[0] ? immagini[0] : ""}
 											videoSrc={video}
 										/>
diff --git a/apps/infoalloggi/src/components/area-riservata/allegati.tsx b/apps/infoalloggi/src/components/area-riservata/allegati.tsx
index 4bd033e..46939a6 100644
--- a/apps/infoalloggi/src/components/area-riservata/allegati.tsx
+++ b/apps/infoalloggi/src/components/area-riservata/allegati.tsx
@@ -124,8 +124,8 @@ export const AllegatiComp = ({
 
 	return (
 		<div className="flex flex-col space-y-5">
-			<h1 className="text-primary text-2xl font-bold">{t.allegati.title}</h1>
-			<h1 className="text-xl font-semibold">{t.allegati.da_info}</h1>
+			<h1 className="font-bold text-2xl text-primary">{t.allegati.title}</h1>
+			<h1 className="font-semibold text-xl">{t.allegati.da_info}</h1>
 			{from_admin && (
 				<FileList
 					delete_onClick={(id) => deleteFile({ fileId: id, userId })}
@@ -299,7 +299,7 @@ function FileList({
 	return (
 		<div className="w-full">
 			<div className="rounded-md border">
-				<div className="bg-muted/50 text-muted-foreground grid grid-cols-12 gap-2 p-4 text-sm font-medium">
+				<div className="grid grid-cols-12 gap-2 bg-muted/50 p-4 font-medium text-muted-foreground text-sm">
 					<div className="col-span-6 md:col-span-8">File</div>
 					<div className="col-span-4 md:col-span-3">Data</div>
 					<div className="col-span-2 text-right md:col-span-1">Azioni</div>
@@ -307,7 +307,7 @@ function FileList({
 				<div className="divide-y">
 					{files.map((file) => (
 						<div
-							className="hover:bg-muted/50 grid grid-cols-12 items-center gap-2 p-4 text-sm transition-colors"
+							className="grid grid-cols-12 items-center gap-2 p-4 text-sm transition-colors hover:bg-muted/50"
 							key={file.id}
 						>
 							<div className="col-span-6 flex items-center gap-2 md:col-span-8">
@@ -316,7 +316,7 @@ function FileList({
 								</div>
 								<Link
 									aria-label="Allegato"
-									className="text-foreground truncate font-medium hover:underline"
+									className="truncate font-medium text-foreground hover:underline"
 									href={`/area-riservata/allegato-view/${file.id}`}
 									target="_blank"
 								>
@@ -324,7 +324,7 @@ function FileList({
 								</Link>
 							</div>
 
-							<div className="text-muted-foreground col-span-4 md:col-span-3">
+							<div className="col-span-4 text-muted-foreground md:col-span-3">
 								{format(file.created_at, "d MMM yyyy")}
 							</div>
 							<div className="col-span-2 flex justify-end gap-1 md:col-span-1">
diff --git a/apps/infoalloggi/src/components/area-riservata/dashboard.tsx b/apps/infoalloggi/src/components/area-riservata/dashboard.tsx
index fe7c57d..14dd071 100644
--- a/apps/infoalloggi/src/components/area-riservata/dashboard.tsx
+++ b/apps/infoalloggi/src/components/area-riservata/dashboard.tsx
@@ -23,7 +23,7 @@ export const AdminDashboard = () => {
 			<div className="mx-auto pt-4 pb-8">
 				<div className="mx-3 items-start justify-between pb-3 md:flex">
 					<div className="flex max-w-lg items-center gap-3">
-						<h3 className="text-2xl font-bold">Admin Dashboard</h3>
+						<h3 className="font-bold text-2xl">Admin Dashboard</h3>
 					</div>
 				</div>
 				{!stats ? (
@@ -38,7 +38,7 @@ export const AdminDashboard = () => {
 								</CardDescription>
 							</CardHeader>
 
-							<CardContent className="flex h-full items-center justify-center text-6xl font-bold">
+							<CardContent className="flex h-full items-center justify-center font-bold text-6xl">
 								{stats.userCount}
 							</CardContent>
 						</Card>
@@ -74,7 +74,7 @@ export const UserDashboard = ({ userId }: { userId: UsersId }) => {
 			<div className="mx-auto pt-4">
 				<div className="mx-3 items-start justify-between md:flex">
 					<div className="flex max-w-lg items-center gap-3">
-						<h3 className="text-2xl font-bold">Le tue ricerche</h3>
+						<h3 className="font-bold text-2xl">Le tue ricerche</h3>
 					</div>
 				</div>
 
diff --git a/apps/infoalloggi/src/components/area-riservata/sidebar.tsx b/apps/infoalloggi/src/components/area-riservata/sidebar.tsx
index fea30b2..eb3217e 100644
--- a/apps/infoalloggi/src/components/area-riservata/sidebar.tsx
+++ b/apps/infoalloggi/src/components/area-riservata/sidebar.tsx
@@ -35,7 +35,7 @@ export const Sidebar = ({
 			animate={{ width: minimized ? 65 : 192 }}
 			aria-label="Sidebar Menu"
 			className={cn(
-				"text-accent-foreground z-30 hidden h-auto w-48 shrink-0 space-y-4 border-r bg-white pt-3 md:block",
+				"z-30 hidden h-auto w-48 shrink-0 space-y-4 border-r bg-white pt-3 text-accent-foreground md:block",
 				className,
 				minimized && "cursor-pointer",
 				//defaultOpen && "w-[65px]",
@@ -57,7 +57,7 @@ export const Sidebar = ({
 				)}
 			>
 				{!minimized && (
-					<h4 className={cn("w-full text-xl font-semibold")}>Menu</h4>
+					<h4 className={cn("w-full font-semibold text-xl")}>Menu</h4>
 				)}
 				<Button
 					aria-label="Toggle Sidebar"
diff --git a/apps/infoalloggi/src/components/banners.tsx b/apps/infoalloggi/src/components/banners.tsx
index 1e85a09..9854110 100644
--- a/apps/infoalloggi/src/components/banners.tsx
+++ b/apps/infoalloggi/src/components/banners.tsx
@@ -70,7 +70,7 @@ export const BannerFactory = (bannerData: Banners) => {
 					<div className="flex flex-1 items-start justify-center gap-x-4 sm:items-center">
 						<div
 							className={cn(
-								"flex flex-none items-center justify-center rounded-full bg-indigo-800 p-1.5 px-4 text-sm font-medium",
+								"flex flex-none items-center justify-center rounded-full bg-indigo-800 p-1.5 px-4 font-medium text-sm",
 								accentColor,
 							)}
 						>
diff --git a/apps/infoalloggi/src/components/blurry_divider.tsx b/apps/infoalloggi/src/components/blurry_divider.tsx
index 10b61b3..40b3a02 100644
--- a/apps/infoalloggi/src/components/blurry_divider.tsx
+++ b/apps/infoalloggi/src/components/blurry_divider.tsx
@@ -1,5 +1,5 @@
 export default function BlurryDivider() {
 	return (
-		<hr className="h-px border-t-0 bg-transparent bg-gradient-to-r from-transparent via-neutral-500 to-transparent opacity-80 dark:via-neutral-50 dark:opacity-100" />
+		<hr className="h-px border-t-0 bg-gradient-to-r bg-transparent from-transparent via-neutral-500 to-transparent opacity-80 dark:via-neutral-50 dark:opacity-100" />
 	);
 }
diff --git a/apps/infoalloggi/src/components/chat/chat-attachments.tsx b/apps/infoalloggi/src/components/chat/chat-attachments.tsx
index c7914ec..048d7aa 100644
--- a/apps/infoalloggi/src/components/chat/chat-attachments.tsx
+++ b/apps/infoalloggi/src/components/chat/chat-attachments.tsx
@@ -51,7 +51,7 @@ export const ChatAttachments = ({
 					variant="ghost"
 				>
 					{attachments && attachments.length > 0 && (
-						<span className="absolute -top-1 right-0 rounded-full bg-blue-500 px-1 text-xs font-bold text-white">
+						<span className="-top-1 absolute right-0 rounded-full bg-blue-500 px-1 font-bold text-white text-xs">
 							{attachments.length}
 						</span>
 					)}
@@ -78,13 +78,13 @@ export const ChatAttachments = ({
 							<>
 								{!attachments || attachments.length === 0 ? (
 									<div className="flex h-full items-center justify-center">
-										<p className="text-center text-lg font-semibold text-gray-500">
+										<p className="text-center font-semibold text-gray-500 text-lg">
 											{t.allegati.nessun_allegato}
 										</p>
 									</div>
 								) : (
 									<ul className="px-2">
-										<h3 className="px-3 text-lg font-semibold text-gray-700">
+										<h3 className="px-3 font-semibold text-gray-700 text-lg">
 											{t.allegati.allegati_recenti}
 										</h3>
 										{attachments?.map((file, idx) => {
@@ -137,7 +137,7 @@ export const ChatAttachments = ({
 					>
 						<Paperclip /> {t.allegati.i_tuoi_allegati}
 						{attachments && attachments.length > 0 && (
-							<span className="absolute -top-1 -right-1 flex size-5 items-center justify-center rounded-full bg-red-600 text-xs text-white">
+							<span className="-top-1 -right-1 absolute flex size-5 items-center justify-center rounded-full bg-red-600 text-white text-xs">
 								{attachments.length}
 							</span>
 						)}
diff --git a/apps/infoalloggi/src/components/chat/chat-bottombar.tsx b/apps/infoalloggi/src/components/chat/chat-bottombar.tsx
index 45aedd4..70182bd 100644
--- a/apps/infoalloggi/src/components/chat/chat-bottombar.tsx
+++ b/apps/infoalloggi/src/components/chat/chat-bottombar.tsx
@@ -101,7 +101,7 @@ export default function ChatBottombar({
 			<div className="relative w-full">
 				<AutosizeTextarea
 					autoComplete="off"
-					className="bg-background flex h-14 min-h-14 w-full resize-none items-center overflow-hidden rounded-xl border pr-8 ring-0 outline-hidden hover:border-neutral-400 focus:border-neutral-600 focus:ring-0 focus-visible:ring-0 focus-visible:ring-offset-0"
+					className="flex h-14 min-h-14 w-full resize-none items-center overflow-hidden rounded-xl border bg-background pr-8 outline-hidden ring-0 hover:border-neutral-400 focus:border-neutral-600 focus:ring-0 focus-visible:ring-0 focus-visible:ring-offset-0"
 					minHeight={56}
 					name="message"
 					onBlur={() => setIsFocused(false)}
diff --git a/apps/infoalloggi/src/components/chat/chat-bubble.tsx b/apps/infoalloggi/src/components/chat/chat-bubble.tsx
index 57c0bc1..57a2cd4 100644
--- a/apps/infoalloggi/src/components/chat/chat-bubble.tsx
+++ b/apps/infoalloggi/src/components/chat/chat-bubble.tsx
@@ -61,7 +61,7 @@ export const ChatBubbleReadStatus = ({ isread }: ChatBubbleReadStatusProps) => {
 	if (isread) {
 		return <CheckCheck className="mt-2 size-4 text-green-500" />;
 	}
-	return <Check className="text-muted-foreground mt-2 size-4" />;
+	return <Check className="mt-2 size-4 text-muted-foreground" />;
 };
 
 // ChatBubbleMessage
@@ -100,7 +100,7 @@ const ChatBubbleMessage = React.forwardRef<
 		<div
 			className={cn(
 				chatBubbleMessageVariants({ className, layout, variant }),
-				"max-w-full break-words whitespace-pre-wrap",
+				"max-w-full whitespace-pre-wrap break-words",
 			)}
 			ref={ref}
 			{...props}
@@ -173,7 +173,7 @@ const ChatBubbleActionWrapper = React.forwardRef<
 		{show && (
 			<div
 				className={cn(
-					"absolute top-1/2 flex -translate-y-1/2 opacity-0 transition-opacity duration-200 group-hover:opacity-100",
+					"-translate-y-1/2 absolute top-1/2 flex opacity-0 transition-opacity duration-200 group-hover:opacity-100",
 					variant === "sent"
 						? "-left-1 -translate-x-full flex-row-reverse"
 						: "-right-1 translate-x-full",
diff --git a/apps/infoalloggi/src/components/chat/chat-list.tsx b/apps/infoalloggi/src/components/chat/chat-list.tsx
index df08409..6af9be4 100644
--- a/apps/infoalloggi/src/components/chat/chat-list.tsx
+++ b/apps/infoalloggi/src/components/chat/chat-list.tsx
@@ -194,7 +194,7 @@ export const ChatList = ({
 								}}
 							>
 								{!isPrevSameDay && (
-									<span className="mx-auto rounded-md bg-muted px-2 py-1 text-center text-xs text-muted-foreground">
+									<span className="mx-auto rounded-md bg-muted px-2 py-1 text-center text-muted-foreground text-xs">
 										{new Date(message.time).toLocaleDateString("it", {
 											day: "2-digit",
 											month: "2-digit",
@@ -213,7 +213,7 @@ export const ChatList = ({
 										{!isPreviousSameSender && (
 											<p
 												className={cn(
-													"text-sm font-semibold",
+													"font-semibold text-sm",
 													variant === "sent" && "text-right",
 												)}
 												style={{
diff --git a/apps/infoalloggi/src/components/chat/chat-sidebar.tsx b/apps/infoalloggi/src/components/chat/chat-sidebar.tsx
index da9b456..2f8adde 100644
--- a/apps/infoalloggi/src/components/chat/chat-sidebar.tsx
+++ b/apps/infoalloggi/src/components/chat/chat-sidebar.tsx
@@ -103,7 +103,7 @@ export const ChatSidebar = ({ chatId }: { chatId: ChatsChatid | null }) => {
 			<div className="mx-2 flex flex-col items-center justify-between gap-2 sm:flex-row sm:gap-0">
 				{isDesktop ? (
 					<div className="relative">
-						<Search className="text-muted-foreground absolute top-[0.8rem] left-2 size-4" />
+						<Search className="absolute top-[0.8rem] left-2 size-4 text-muted-foreground" />
 						<label className="sr-only" htmlFor="search">
 							Search Chats
 						</label>
@@ -181,10 +181,10 @@ export const ChatSidebar = ({ chatId }: { chatId: ChatsChatid | null }) => {
 											))}
 										</div>
 
-										<span className="text-muted-foreground truncate text-xs">
+										<span className="truncate text-muted-foreground text-xs">
 											{getLastMessage(chat.lastmessage)}
 										</span>
-										<span className="text-muted-foreground truncate text-xs">
+										<span className="truncate text-muted-foreground text-xs">
 											{chat.lastmessage &&
 												new Date(chat.lastmessage.time).toLocaleString("it", {
 													day: "2-digit",
diff --git a/apps/infoalloggi/src/components/chat/chat-topbar.tsx b/apps/infoalloggi/src/components/chat/chat-topbar.tsx
index c78833b..d6f8aea 100644
--- a/apps/infoalloggi/src/components/chat/chat-topbar.tsx
+++ b/apps/infoalloggi/src/components/chat/chat-topbar.tsx
@@ -142,7 +142,7 @@ const UserStatus = ({
 						<TooltipTrigger>
 							<span
 								className={cn(
-									"flex flex-row items-center text-xs font-bold text-green-500",
+									"flex flex-row items-center font-bold text-green-500 text-xs",
 								)}
 							>
 								<ShieldUser className="mr-[0.2rem]" size={15} />
@@ -159,7 +159,7 @@ const UserStatus = ({
 				</TooltipProvider>
 			) : (
 				<span
-					className={cn("flex flex-row text-xs font-bold text-green-500")}
+					className={cn("flex flex-row font-bold text-green-500 text-xs")}
 					key={idx}
 				>
 					<span>
diff --git a/apps/infoalloggi/src/components/codiceRicerca.tsx b/apps/infoalloggi/src/components/codiceRicerca.tsx
index a4de5d3..6684c97 100644
--- a/apps/infoalloggi/src/components/codiceRicerca.tsx
+++ b/apps/infoalloggi/src/components/codiceRicerca.tsx
@@ -90,7 +90,7 @@ const AutocompleteSearchBox = ({
 				</label>
 				<Input
 					className={cn(
-						"placeholder:text-primary search-cancel:brightness-75 search-cancel:grayscale search-cancel:cursor-pointer z-10 cursor-pointer rounded-md bg-transparent text-xl placeholder:font-bold",
+						"z-10 cursor-pointer search-cancel:cursor-pointer rounded-md bg-transparent text-xl search-cancel:brightness-75 search-cancel:grayscale placeholder:font-bold placeholder:text-primary",
 						className,
 					)}
 					id="search"
@@ -116,7 +116,7 @@ const AutocompleteSearchBox = ({
 			{open && (
 				<div
 					className={cn(
-						"border-foreground ring-foreground absolute z-50 mt-1 max-h-64 w-full overflow-hidden rounded-md border bg-white shadow-xs ring-1",
+						"absolute z-50 mt-1 max-h-64 w-full overflow-hidden rounded-md border border-foreground bg-white shadow-xs ring-1 ring-foreground",
 						optionBoxClassName,
 					)}
 					id="searchOptionsBox"
@@ -132,14 +132,14 @@ const AutocompleteSearchBox = ({
 						role="listbox"
 					>
 						{loading ? (
-							<li className={"px-3 py-2 text-center text-xl text-neutral-600"}>
+							<li className={"px-3 py-2 text-center text-neutral-600 text-xl"}>
 								<span>Caricamento...</span>
 							</li>
 						) : (
 							<>
 								{results.length === 0 && (
 									<li
-										className={"px-3 py-2 text-center text-xl text-neutral-600"}
+										className={"px-3 py-2 text-center text-neutral-600 text-xl"}
 									>
 										<span>
 											<CircleOff className="inline size-6" />
@@ -151,7 +151,7 @@ const AutocompleteSearchBox = ({
 									<li key={item}>
 										<Link
 											className={cn(
-												"flex w-full cursor-pointer items-center justify-between border-b border-neutral-200 bg-white px-4 py-2 text-xl text-neutral-500 duration-150 hover:bg-neutral-100 hover:text-neutral-600 hover:underline hover:underline-offset-2",
+												"flex w-full cursor-pointer items-center justify-between border-neutral-200 border-b bg-white px-4 py-2 text-neutral-500 text-xl duration-150 hover:bg-neutral-100 hover:text-neutral-600 hover:underline hover:underline-offset-2",
 												optionsClassName,
 											)}
 											href={`/annuncio/${item}`}
@@ -189,7 +189,7 @@ const MovingText = ({ hidden }: { hidden: boolean }) => {
 
 	return (
 		<StaggeredFade
-			className="absolute text-2xl font-bold dark:text-neutral-800"
+			className="absolute font-bold text-2xl dark:text-neutral-800"
 			hide={hidden}
 			key={randomFrase}
 			text={randomFrase}
diff --git a/apps/infoalloggi/src/components/come_funziona.tsx b/apps/infoalloggi/src/components/come_funziona.tsx
index 88d431a..f5c263e 100644
--- a/apps/infoalloggi/src/components/come_funziona.tsx
+++ b/apps/infoalloggi/src/components/come_funziona.tsx
@@ -39,7 +39,7 @@ export const ComeFunziona = () => {
 	];
 	return (
 		<div className="mx-auto w-full max-w-6xl py-2">
-			<h2 className="max-w-xl text-3xl font-semibold tracking-tight md:mx-auto md:text-center md:text-4xl md:leading-[3.5rem]">
+			<h2 className="max-w-xl font-semibold text-3xl tracking-tight md:mx-auto md:text-center md:text-4xl md:leading-[3.5rem]">
 				{t.come_funziona.title}
 			</h2>
 			<div className="mx-auto mt-8 w-full space-y-12 md:mt-16">
@@ -51,7 +51,7 @@ export const ComeFunziona = () => {
 						<div className="flex shrink-0 basis-1/2 justify-center">
 							<Image
 								alt={`img${idx}`}
-								className="border-border/50 aspect-[6/4] rounded-xl border"
+								className="aspect-[6/4] rounded-xl border border-border/50"
 								height={200}
 								src={feature.image}
 								width={400}
@@ -60,11 +60,11 @@ export const ComeFunziona = () => {
 						<div className="flex basis-1/2 flex-col">
 							<div className="flex items-center gap-3 text-blue-600">
 								{feature.icon}
-								<h4 className="my-3 text-3xl font-semibold tracking-tight">
+								<h4 className="my-3 font-semibold text-3xl tracking-tight">
 									{feature.title}
 								</h4>
 							</div>
-							<p className="text-muted-foreground text-[17px]">
+							<p className="text-[17px] text-muted-foreground">
 								{feature.desc}
 							</p>
 						</div>
diff --git a/apps/infoalloggi/src/components/custom_ui/autoResizeTextArea.tsx b/apps/infoalloggi/src/components/custom_ui/autoResizeTextArea.tsx
index 615e32d..949b89d 100644
--- a/apps/infoalloggi/src/components/custom_ui/autoResizeTextArea.tsx
+++ b/apps/infoalloggi/src/components/custom_ui/autoResizeTextArea.tsx
@@ -101,7 +101,7 @@ export const AutosizeTextarea = forwardRef<
 			<textarea
 				{...props}
 				className={cn(
-					"border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex w-full rounded-md border px-3 py-2 text-sm focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+					"flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
 					className,
 				)}
 				onChange={(e) => {
diff --git a/apps/infoalloggi/src/components/custom_ui/dataTable-FacetedFilter.tsx b/apps/infoalloggi/src/components/custom_ui/dataTable-FacetedFilter.tsx
index a81b905..ae26dab 100644
--- a/apps/infoalloggi/src/components/custom_ui/dataTable-FacetedFilter.tsx
+++ b/apps/infoalloggi/src/components/custom_ui/dataTable-FacetedFilter.tsx
@@ -104,7 +104,7 @@ export function DataTableFacetedFilter<TData, TValue>({
 									>
 										<div
 											className={cn(
-												"border-primary mr-2 flex size-4 items-center justify-center rounded-xs border",
+												"mr-2 flex size-4 items-center justify-center rounded-xs border border-primary",
 												isSelected
 													? "bg-primary text-primary-foreground"
 													: "opacity-50 [&_svg]:invisible",
@@ -113,7 +113,7 @@ export function DataTableFacetedFilter<TData, TValue>({
 											<CheckIcon className={cn("size-4")} />
 										</div>
 										{option.icon && (
-											<option.icon className="text-muted-foreground mr-2 size-4" />
+											<option.icon className="mr-2 size-4 text-muted-foreground" />
 										)}
 										<span>{option.label}</span>
 										{facets?.get(option.value) && (
diff --git a/apps/infoalloggi/src/components/custom_ui/dataTable-header.tsx b/apps/infoalloggi/src/components/custom_ui/dataTable-header.tsx
index 455d26c..8f79b1f 100644
--- a/apps/infoalloggi/src/components/custom_ui/dataTable-header.tsx
+++ b/apps/infoalloggi/src/components/custom_ui/dataTable-header.tsx
@@ -36,7 +36,7 @@ export function DataTableColumnHeader<TData, TValue>({
 			<DropdownMenu>
 				<DropdownMenuTrigger asChild>
 					<Button
-						className="data-[state=open]:bg-accent -ml-3 h-8"
+						className="-ml-3 h-8 data-[state=open]:bg-accent"
 						size="sm"
 						variant="ghost"
 					>
@@ -52,18 +52,18 @@ export function DataTableColumnHeader<TData, TValue>({
 				</DropdownMenuTrigger>
 				<DropdownMenuContent align="start">
 					<DropdownMenuItem onClick={() => column.toggleSorting(false)}>
-						<ArrowUpIcon className="text-muted-foreground/70 mr-2 h-3.5 w-3.5" />
+						<ArrowUpIcon className="mr-2 h-3.5 w-3.5 text-muted-foreground/70" />
 						Asc
 					</DropdownMenuItem>
 					<DropdownMenuItem onClick={() => column.toggleSorting(true)}>
-						<ArrowDownIcon className="text-muted-foreground/70 mr-2 h-3.5 w-3.5" />
+						<ArrowDownIcon className="mr-2 h-3.5 w-3.5 text-muted-foreground/70" />
 						Desc
 					</DropdownMenuItem>
 					{column.getCanHide() && (
 						<>
 							<DropdownMenuSeparator />
 							<DropdownMenuItem onClick={() => column.toggleVisibility(false)}>
-								<EyeOff className="text-muted-foreground/70 mr-2 h-3.5 w-3.5" />
+								<EyeOff className="mr-2 h-3.5 w-3.5 text-muted-foreground/70" />
 								Nascondi
 							</DropdownMenuItem>
 						</>
diff --git a/apps/infoalloggi/src/components/custom_ui/dataTable-pagination.tsx b/apps/infoalloggi/src/components/custom_ui/dataTable-pagination.tsx
index ad3c22a..b16e840 100644
--- a/apps/infoalloggi/src/components/custom_ui/dataTable-pagination.tsx
+++ b/apps/infoalloggi/src/components/custom_ui/dataTable-pagination.tsx
@@ -25,7 +25,7 @@ export function DataTablePagination<TData>({
 }: DataTablePaginationProps<TData>) {
 	return (
 		<div className="flex items-center justify-between px-2">
-			<div className="text-muted-foreground flex-1 text-sm">
+			<div className="flex-1 text-muted-foreground text-sm">
 				{hasSelectRow &&
 					`${table.getFilteredSelectedRowModel().rows.length} selezioni su `}
 				{table.getFilteredRowModel().rows.length} righe totali
@@ -33,7 +33,7 @@ export function DataTablePagination<TData>({
 
 			<div className="flex flex-wrap items-center gap-x-6 gap-y-2 lg:gap-x-8">
 				<div className="flex items-center space-x-2">
-					<p className="text-sm font-medium">Righe per pagina</p>
+					<p className="font-medium text-sm">Righe per pagina</p>
 					<Select
 						onValueChange={(value) => {
 							table.setPageSize(Number(value));
@@ -53,7 +53,7 @@ export function DataTablePagination<TData>({
 					</Select>
 				</div>
 				<div className="flex items-center gap-x-6 lg:gap-x-8">
-					<div className="flex items-center justify-between text-sm font-medium">
+					<div className="flex items-center justify-between font-medium text-sm">
 						Pagina {table.getState().pagination.pageIndex + 1} di{" "}
 						{table.getPageCount()}
 					</div>
diff --git a/apps/infoalloggi/src/components/custom_ui/emoji-picker.tsx b/apps/infoalloggi/src/components/custom_ui/emoji-picker.tsx
index eb87449..24268d9 100644
--- a/apps/infoalloggi/src/components/custom_ui/emoji-picker.tsx
+++ b/apps/infoalloggi/src/components/custom_ui/emoji-picker.tsx
@@ -30,7 +30,7 @@ function EmojiPicker({
 	return (
 		<EmojiPickerPrimitive.Root
 			className={cn(
-				"bg-popover text-popover-foreground isolate flex h-full w-fit flex-col overflow-hidden rounded-md",
+				"isolate flex h-full w-fit flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
 				className,
 			)}
 			data-slot="emoji-picker"
@@ -50,7 +50,7 @@ function EmojiPickerSearch({
 		>
 			<SearchIcon className="size-4 shrink-0 opacity-50" />
 			<EmojiPickerPrimitive.Search
-				className="placeholder:text-muted-foreground focus:border-accent-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50"
+				className="flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground focus:border-accent-foreground focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50"
 				data-slot="emoji-picker-search"
 				{...props}
 			/>
@@ -74,7 +74,7 @@ function EmojiPickerEmoji({
 	return (
 		<button
 			className={cn(
-				"data-[active]:bg-accent flex size-7 items-center justify-center rounded-xs text-base",
+				"flex size-7 items-center justify-center rounded-xs text-base data-[active]:bg-accent",
 				className,
 			)}
 			data-slot="emoji-picker-emoji"
@@ -91,7 +91,7 @@ function EmojiPickerCategoryHeader({
 }: EmojiPickerListCategoryHeaderProps) {
 	return (
 		<div
-			className="bg-popover text-muted-foreground px-3 pt-3.5 pb-2 text-xs leading-none"
+			className="bg-popover px-3 pt-3.5 pb-2 text-muted-foreground text-xs leading-none"
 			data-slot="emoji-picker-category-header"
 			{...props}
 		>
@@ -111,19 +111,19 @@ function EmojiPickerContent({
 			{...props}
 		>
 			<EmojiPickerPrimitive.Loading
-				className="text-muted-foreground absolute inset-0 flex items-center justify-center"
+				className="absolute inset-0 flex items-center justify-center text-muted-foreground"
 				data-slot="emoji-picker-loading"
 			>
 				<LoaderIcon className="size-4 animate-spin" />
 			</EmojiPickerPrimitive.Loading>
 			<EmojiPickerPrimitive.Empty
-				className="text-muted-foreground absolute inset-0 flex items-center justify-center text-sm"
+				className="absolute inset-0 flex items-center justify-center text-muted-foreground text-sm"
 				data-slot="emoji-picker-empty"
 			>
 				No emoji found.
 			</EmojiPickerPrimitive.Empty>
 			<EmojiPickerPrimitive.List
-				className="pb-1 select-none"
+				className="select-none pb-1"
 				components={{
 					CategoryHeader: EmojiPickerCategoryHeader,
 					Emoji: EmojiPickerEmoji,
diff --git a/apps/infoalloggi/src/components/custom_ui/fileUpload.tsx b/apps/infoalloggi/src/components/custom_ui/fileUpload.tsx
index b163121..5387dfe 100644
--- a/apps/infoalloggi/src/components/custom_ui/fileUpload.tsx
+++ b/apps/infoalloggi/src/components/custom_ui/fileUpload.tsx
@@ -755,7 +755,7 @@ const FileUploadDropzone = forwardRef<HTMLDivElement, FileUploadDropzoneProps>(
 				role="region"
 				{...dropzoneProps}
 				className={cn(
-					"data-[dragging]:border-primary data-[invalid]:border-destructive data-[invalid]:ring-destructive/20 hover:bg-accent/30 focus-visible:border-ring/50 relative flex flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed p-6 outline-hidden transition-colors select-none data-[disabled]:pointer-events-none",
+					"relative flex select-none flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed p-6 outline-hidden transition-colors hover:bg-accent/30 focus-visible:border-ring/50 data-[disabled]:pointer-events-none data-[dragging]:border-primary data-[invalid]:border-destructive data-[invalid]:ring-destructive/20",
 					className,
 				)}
 				onClick={onClick}
@@ -847,7 +847,7 @@ const FileUploadList = forwardRef<HTMLDivElement, FileUploadListProps>(
 				role="list"
 				{...listProps}
 				className={cn(
-					"data-[state=active]:animate-in data-[state=inactive]:animate-out data-[state=active]:fade-in-0 data-[state=inactive]:fade-out-0 data-[state=active]:slide-in-from-top-2 data-[state=inactive]:slide-out-to-top-2 flex flex-col gap-2",
+					"data-[state=active]:fade-in-0 data-[state=inactive]:fade-out-0 data-[state=active]:slide-in-from-top-2 data-[state=inactive]:slide-out-to-top-2 flex flex-col gap-2 data-[state=active]:animate-in data-[state=inactive]:animate-out",
 					orientation === "horizontal" && "flex-row overflow-x-auto p-1.5",
 					className,
 				)}
@@ -1109,7 +1109,7 @@ const FileUploadItemMetadata = forwardRef<
 			{children ?? (
 				<>
 					<span
-						className="truncate text-sm font-medium"
+						className="truncate font-medium text-sm"
 						id={itemContext.nameId}
 					>
 						{itemContext.fileState.file.name}
@@ -1171,7 +1171,7 @@ const FileUploadItemProgress = forwardRef<
 				role="progressbar"
 				{...progressProps}
 				className={cn(
-					"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
+					"-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2",
 					className,
 				)}
 				ref={forwardedRef}
@@ -1218,13 +1218,13 @@ const FileUploadItemProgress = forwardRef<
 			role="progressbar"
 			{...progressProps}
 			className={cn(
-				"bg-primary/20 relative h-1.5 w-full overflow-hidden rounded-full",
+				"relative h-1.5 w-full overflow-hidden rounded-full bg-primary/20",
 				className,
 			)}
 			ref={forwardedRef}
 		>
 			<div
-				className="bg-primary h-full w-full flex-1 transition-all"
+				className="h-full w-full flex-1 bg-primary transition-all"
 				style={{
 					transform: `translateX(-${100 - itemContext.fileState.progress}%)`,
 				}}
diff --git a/apps/infoalloggi/src/components/custom_ui/form.tsx b/apps/infoalloggi/src/components/custom_ui/form.tsx
index 548fa83..1c42ce9 100644
--- a/apps/infoalloggi/src/components/custom_ui/form.tsx
+++ b/apps/infoalloggi/src/components/custom_ui/form.tsx
@@ -133,7 +133,7 @@ const FormDescription = React.forwardRef<
 	return (
 		<p
 			className={cn(
-				"text-sm text-neutral-500 dark:text-neutral-400",
+				"text-neutral-500 text-sm dark:text-neutral-400",
 				className,
 			)}
 			id={formDescriptionId}
@@ -158,7 +158,7 @@ const FormMessage = React.forwardRef<
 	return (
 		<p
 			className={cn(
-				"text-sm font-medium text-red-500 dark:text-red-600",
+				"font-medium text-red-500 text-sm dark:text-red-600",
 				className,
 			)}
 			id={formMessageId}
diff --git a/apps/infoalloggi/src/components/custom_ui/input.tsx b/apps/infoalloggi/src/components/custom_ui/input.tsx
index 5cd1aa9..a17a7dd 100644
--- a/apps/infoalloggi/src/components/custom_ui/input.tsx
+++ b/apps/infoalloggi/src/components/custom_ui/input.tsx
@@ -11,7 +11,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
 				type={type}
 				{...props}
 				className={cn(
-					`border-border bg-background text-primary placeholder:text-muted-foreground hover:border-muted-foreground focus:border-foreground focus:ring-foreground w-full rounded-lg border px-3 py-2 font-medium shadow-xs outline-hidden transition-all duration-200 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50`,
+					`w-full rounded-lg border border-border bg-background px-3 py-2 font-medium text-primary shadow-xs outline-hidden transition-all duration-200 file:border-0 file:bg-transparent file:font-medium file:text-sm placeholder:text-muted-foreground hover:border-muted-foreground focus:border-foreground focus:ring-foreground disabled:cursor-not-allowed disabled:opacity-50`,
 					className,
 				)}
 			/>
diff --git a/apps/infoalloggi/src/components/custom_ui/multi-select.tsx b/apps/infoalloggi/src/components/custom_ui/multi-select.tsx
index eeda3b1..5f3ff87 100644
--- a/apps/infoalloggi/src/components/custom_ui/multi-select.tsx
+++ b/apps/infoalloggi/src/components/custom_ui/multi-select.tsx
@@ -112,7 +112,7 @@ export function MultiSelectTrigger({
 				{...props}
 				aria-expanded={props["aria-expanded"] ?? open}
 				className={cn(
-					"aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 border-input data-[placeholder]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 dark:bg-input/30 dark:hover:bg-input/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex h-auto min-h-9 w-fit items-center justify-between gap-2 overflow-hidden rounded-md border bg-transparent px-3 py-1.5 text-sm whitespace-nowrap shadow-xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+					"flex h-auto min-h-9 w-fit items-center justify-between gap-2 overflow-hidden whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-1.5 text-sm shadow-xs outline-hidden transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:hover:bg-input/50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
 					className,
 				)}
 				role={props.role ?? "combobox"}
@@ -190,7 +190,7 @@ export function MultiSelectValue({
 
 	if (selectedValues.size === 0 && placeholder) {
 		return (
-			<span className="text-muted-foreground font-normal">{placeholder}</span>
+			<span className="font-normal text-muted-foreground">{placeholder}</span>
 		);
 	}
 
@@ -230,7 +230,7 @@ export function MultiSelectValue({
 					>
 						{items.get(value)}
 						{clickToRemove && (
-							<XIcon className="text-muted-foreground group-hover:text-destructive size-2" />
+							<XIcon className="size-2 text-muted-foreground group-hover:text-destructive" />
 						)}
 					</Badge>
 				))}
diff --git a/apps/infoalloggi/src/components/custom_ui/nestableDialog.tsx b/apps/infoalloggi/src/components/custom_ui/nestableDialog.tsx
index 18e07ec..9894e07 100644
--- a/apps/infoalloggi/src/components/custom_ui/nestableDialog.tsx
+++ b/apps/infoalloggi/src/components/custom_ui/nestableDialog.tsx
@@ -49,7 +49,7 @@ const DialogOverlay = forwardRef<
 >(({ className, ...props }, ref) => (
 	<DialogPrimitive.Overlay
 		className={cn(
-			"bg-background/40 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm",
+			"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-background/40 backdrop-blur-sm data-[state=closed]:animate-out data-[state=open]:animate-in",
 			className,
 		)}
 		ref={ref}
@@ -70,7 +70,7 @@ const DialogContent = forwardRef<
 			<DialogOverlay />
 			<DialogPrimitive.Content
 				className={cn(
-					"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:rounded-lg",
+					"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:rounded-lg",
 					context.innerOpen && "translate-y-[-55%] scale-[0.97]",
 					className,
 				)}
@@ -78,7 +78,7 @@ const DialogContent = forwardRef<
 				{...props}
 			>
 				{children}
-				<DialogClose className="ring-offset-background data-[state=open]:bg-accent data-[state=open]:text-muted-foreground focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
+				<DialogClose className="absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
 					<X className="size-4" />
 					<span className="sr-only">Close</span>
 				</DialogClose>
@@ -178,10 +178,10 @@ const InnerDialogContent = forwardRef<
 			<DialogPortal>
 				<DialogPrimitive.Content
 					className={cn(
-						"bg-background fixed top-[50%] left-[50%] z-[60] grid w-full max-w-lg translate-x-[-50%] translate-y-[-45%] gap-4 rounded-lg border p-6 shadow-lg duration-200",
+						"fixed top-[50%] left-[50%] z-[60] grid w-full max-w-lg translate-x-[-50%] translate-y-[-45%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200",
 						isClosingByDrag
 							? "data-[state=closed]:fade-out-0 data-[state=closed]:animate-none"
-							: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+							: "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] data-[state=closed]:animate-out data-[state=open]:animate-in",
 						position === "default" &&
 							"data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
 						position === "bottom" &&
@@ -206,7 +206,7 @@ const InnerDialogContent = forwardRef<
 					{...props}
 				>
 					<div ref={contentRef}>{children}</div>
-					<InnerDialogClose className="ring-offset-background data-[state=open]:bg-accent data-[state=open]:text-muted-foreground focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
+					<InnerDialogClose className="absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
 						<X className="size-4" />
 						<span className="sr-only">Close</span>
 					</InnerDialogClose>
@@ -248,7 +248,7 @@ const InnerDialogTitle = forwardRef<
 >(({ className, ...props }, ref) => (
 	<DialogPrimitive.Title
 		className={cn(
-			"text-lg leading-none font-semibold tracking-tight",
+			"font-semibold text-lg leading-none tracking-tight",
 			className,
 		)}
 		ref={ref}
@@ -300,7 +300,7 @@ const DialogTitle = forwardRef<
 >(({ className, ...props }, ref) => (
 	<DialogPrimitive.Title
 		className={cn(
-			"text-lg leading-none font-semibold tracking-tight",
+			"font-semibold text-lg leading-none tracking-tight",
 			className,
 		)}
 		ref={ref}
diff --git a/apps/infoalloggi/src/components/custom_ui/staggered-fade.tsx b/apps/infoalloggi/src/components/custom_ui/staggered-fade.tsx
index 85d8bf3..c4954ae 100644
--- a/apps/infoalloggi/src/components/custom_ui/staggered-fade.tsx
+++ b/apps/infoalloggi/src/components/custom_ui/staggered-fade.tsx
@@ -46,7 +46,7 @@ export const StaggeredFade: React.FC<TextStaggeredFadeProps> = ({
 		<motion.h2
 			animate={isInView ? (!hide ? "show" : "hidden") : ""}
 			className={cn(
-				"text-center text-xl font-bold tracking-tighter md:leading-[4rem]",
+				"text-center font-bold text-xl tracking-tighter md:leading-[4rem]",
 				className,
 			)}
 			initial="hidden"
diff --git a/apps/infoalloggi/src/components/custom_ui/textarea.tsx b/apps/infoalloggi/src/components/custom_ui/textarea.tsx
index c8e48a6..566ccdb 100644
--- a/apps/infoalloggi/src/components/custom_ui/textarea.tsx
+++ b/apps/infoalloggi/src/components/custom_ui/textarea.tsx
@@ -8,7 +8,7 @@ const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
 		return (
 			<textarea
 				className={cn(
-					`border-border bg-background hover:border-muted-foreground focus:border-foreground focus:ring-foreground flex min-h-[80px] w-full rounded-lg border px-3 py-2 shadow-sm outline-hidden transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-500 dark:placeholder:text-neutral-400 dark:hover:border-neutral-400 dark:focus:border-transparent`,
+					`flex min-h-[80px] w-full rounded-lg border border-border bg-background px-3 py-2 shadow-sm outline-hidden transition-all duration-200 hover:border-muted-foreground focus:border-foreground focus:ring-foreground disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-500 dark:focus:border-transparent dark:hover:border-neutral-400 dark:placeholder:text-neutral-400`,
 					className,
 				)}
 				ref={ref}
diff --git a/apps/infoalloggi/src/components/doc_not_found.tsx b/apps/infoalloggi/src/components/doc_not_found.tsx
index 282b9e1..1b750ac 100644
--- a/apps/infoalloggi/src/components/doc_not_found.tsx
+++ b/apps/infoalloggi/src/components/doc_not_found.tsx
@@ -7,7 +7,7 @@ export const DocNotFoundPage = () => {
 		<div className="flex min-h-[60vh] w-full items-center justify-center">
 			<div className="max-w-lg space-y-5 rounded-xl border bg-white p-10 text-center shadow-lg">
 				<MissingFile className="mx-auto mb-4 size-32 fill-indigo-600" />
-				<h1 className="mb-2 text-3xl font-extrabold text-indigo-600">
+				<h1 className="mb-2 font-extrabold text-3xl text-indigo-600">
 					{t.doc_not_found.titolo}
 				</h1>
 				<p className="text-muted-foreground">{t.doc_not_found.sottotitolo}</p>
diff --git a/apps/infoalloggi/src/components/etichette.tsx b/apps/infoalloggi/src/components/etichette.tsx
index 7bb1d40..44e8015 100644
--- a/apps/infoalloggi/src/components/etichette.tsx
+++ b/apps/infoalloggi/src/components/etichette.tsx
@@ -163,7 +163,7 @@ export const Etichetta = ({
 	return (
 		<span
 			className={cn(
-				"flex w-fit items-center justify-center rounded-md px-1.5 text-sm whitespace-nowrap select-none",
+				"flex w-fit select-none items-center justify-center whitespace-nowrap rounded-md px-1.5 text-sm",
 				className,
 			)}
 			style={{
diff --git a/apps/infoalloggi/src/components/failed-loading.tsx b/apps/infoalloggi/src/components/failed-loading.tsx
index 0314dda..32dc1e6 100644
--- a/apps/infoalloggi/src/components/failed-loading.tsx
+++ b/apps/infoalloggi/src/components/failed-loading.tsx
@@ -11,7 +11,7 @@ export default function FailedAnnuncioLoading() {
 			<div className="mx-auto flex h-screen max-w-screen-xl items-center justify-start px-4 md:px-8">
 				<div className="mx-auto max-w-lg space-y-3 text-center">
 					<HomeIcon className="mx-auto size-20 text-rose-700" />
-					<h3 className="text-accent-foreground text-4xl font-semibold sm:text-5xl">
+					<h3 className="font-semibold text-4xl text-accent-foreground sm:text-5xl">
 						{t.annuncio_load_fail.titolo}
 					</h3>
 					<p className="text-neutral-600">{t.annuncio_load_fail.sottotitolo}</p>
diff --git a/apps/infoalloggi/src/components/footer.tsx b/apps/infoalloggi/src/components/footer.tsx
index 9e17544..a4c6780 100644
--- a/apps/infoalloggi/src/components/footer.tsx
+++ b/apps/infoalloggi/src/components/footer.tsx
@@ -6,12 +6,12 @@ export const Footer = () => {
 	const { t } = useTranslation();
 	return (
 		<div className="mt-auto">
-			<footer className="bg-muted text-muted-foreground bottom-0 z-40 w-full">
+			<footer className="bottom-0 z-40 w-full bg-muted text-muted-foreground">
 				<div className="mx-auto max-w-6xl px-4 py-6 sm:px-6 lg:px-8">
 					<div className="text-center">
 						<Link
 							aria-label="footerLogo"
-							className="flex items-center justify-center text-3xl font-bold tracking-wide antialiased"
+							className="flex items-center justify-center font-bold text-3xl tracking-wide antialiased"
 							href="/"
 						>
 							<LogoSvg className="h-12 w-auto [&>g]:fill-red-500 dark:[&>g]:fill-neutral-100 [&>text]:fill-neutral-600 [&>text]:stroke-neutral-600 dark:[&>text]:fill-neutral-100 dark:[&>text]:stroke-neutral-100" />
@@ -77,12 +77,12 @@ export const MiniFooter = () => {
 	const { t } = useTranslation();
 	return (
 		<div className="mt-auto flex w-full">
-			<footer className="dark:bg-primary z-40 w-full bg-neutral-100 text-neutral-700 dark:text-white">
+			<footer className="z-40 w-full bg-neutral-100 text-neutral-700 dark:bg-primary dark:text-white">
 				<div className="mx-auto max-w-5xl px-2 py-2 sm:px-6 lg:px-8">
 					<div className="text-center">
 						<Link
 							aria-label="footerLogo"
-							className="text-2xl font-bold tracking-wide antialiased"
+							className="font-bold text-2xl tracking-wide antialiased"
 							href="/"
 						>
 							Infoalloggi.it
diff --git a/apps/infoalloggi/src/components/loading.tsx b/apps/infoalloggi/src/components/loading.tsx
index 6336708..8dfa776 100644
--- a/apps/infoalloggi/src/components/loading.tsx
+++ b/apps/infoalloggi/src/components/loading.tsx
@@ -5,7 +5,7 @@ export const LoadingPage = () => {
 	return (
 		<div className="flex h-full max-h-full w-full animate-pulse items-center justify-center py-20">
 			<div className="relative flex size-40 animate-spin items-center justify-center rounded-full border-8 border-gray-300 border-t-red-400 text-4xl text-red-400"></div>
-			<ASvg className="absolute size-24 -translate-y-2" />
+			<ASvg className="-translate-y-2 absolute size-24" />
 		</div>
 	);
 };
diff --git a/apps/infoalloggi/src/components/map/map_marker.tsx b/apps/infoalloggi/src/components/map/map_marker.tsx
index 92de928..ac860d5 100644
--- a/apps/infoalloggi/src/components/map/map_marker.tsx
+++ b/apps/infoalloggi/src/components/map/map_marker.tsx
@@ -89,7 +89,7 @@ export default function MapMarker({
 			{/* Triangle part */}
 			<div
 				className={cn(
-					"h-0 w-0 border-solid border-transparent",
+					"h-0 w-0 border-transparent border-solid",
 					sizeClasses[size].triangle,
 					colorClasses[color].triangle,
 				)}
diff --git a/apps/infoalloggi/src/components/navbar/lang-toggle.tsx b/apps/infoalloggi/src/components/navbar/lang-toggle.tsx
index b5cc3c0..95e827e 100644
--- a/apps/infoalloggi/src/components/navbar/lang-toggle.tsx
+++ b/apps/infoalloggi/src/components/navbar/lang-toggle.tsx
@@ -25,7 +25,7 @@ export const LangToggle = () => {
 	return (
 		<LoadingButton
 			aria-label="Change Language"
-			className="text-primary flex w-fit items-center gap-2"
+			className="flex w-fit items-center gap-2 text-primary"
 			loading={busy}
 			onClick={() => handleLangChange(locale === "it" ? "en" : "it")}
 			variant="outline"
diff --git a/apps/infoalloggi/src/components/navbar/login-button.tsx b/apps/infoalloggi/src/components/navbar/login-button.tsx
index 42c281b..2a7a174 100644
--- a/apps/infoalloggi/src/components/navbar/login-button.tsx
+++ b/apps/infoalloggi/src/components/navbar/login-button.tsx
@@ -105,7 +105,7 @@ export const UserHeaderSection = ({
 							<>
 								<DropdownMenuLabel className="font-normal">
 									<div className="flex flex-col space-y-1">
-										<p className="text-sm leading-none font-medium">
+										<p className="font-medium text-sm leading-none">
 											{session.user.username}
 										</p>
 										<p className="text-muted-foreground text-xs leading-none">
@@ -134,7 +134,7 @@ export const UserHeaderSection = ({
 							<>
 								<DropdownMenuLabel className="font-normal">
 									<div className="flex flex-col space-y-1">
-										<p className="text-sm leading-none font-medium">
+										<p className="font-medium text-sm leading-none">
 											{session.user.username}
 										</p>
 										<p className="text-muted-foreground text-xs leading-none">
diff --git a/apps/infoalloggi/src/components/navbar/main-nav.tsx b/apps/infoalloggi/src/components/navbar/main-nav.tsx
index 3fa8a31..329dabe 100644
--- a/apps/infoalloggi/src/components/navbar/main-nav.tsx
+++ b/apps/infoalloggi/src/components/navbar/main-nav.tsx
@@ -17,7 +17,7 @@ export function MainNav({ pathname }: MainNavProps) {
 				className="flex shrink-0 items-center font-medium md:mb-0"
 				href="/"
 			>
-				<LogoSvg className="[&>text]:fill-primary [&>text]:stroke-primary h-8 w-auto [&>g]:fill-red-500" />
+				<LogoSvg className="h-8 w-auto [&>g]:fill-red-500 [&>text]:fill-primary [&>text]:stroke-primary" />
 			</Link>
 
 			<nav className="flex items-center gap-4 text-lg tracking-wide lg:gap-6">
@@ -25,7 +25,7 @@ export function MainNav({ pathname }: MainNavProps) {
 					<Link
 						aria-label={item.title}
 						className={cn(
-							"hover:text-primary/80 transition-colors",
+							"transition-colors hover:text-primary/80",
 							pathname === item.href ? "text-primary" : "text-primary/70",
 						)}
 						href={item.href}
diff --git a/apps/infoalloggi/src/components/navbar/mobile-nav.tsx b/apps/infoalloggi/src/components/navbar/mobile-nav.tsx
index 93e305c..905b6a3 100644
--- a/apps/infoalloggi/src/components/navbar/mobile-nav.tsx
+++ b/apps/infoalloggi/src/components/navbar/mobile-nav.tsx
@@ -68,7 +68,7 @@ export function MobileNav({
 							onOpenChange={setOpen}
 						>
 							<Home className="size-6" />{" "}
-							<span className="text-xl font-medium">Home</span>
+							<span className="font-medium text-xl">Home</span>
 						</MobileLink>
 
 						<div className="flex h-full flex-col space-y-2 pt-4">
@@ -85,7 +85,7 @@ export function MobileNav({
 								</>
 							)}
 
-							<div className="text-primary flex h-full grow flex-col gap-3">
+							<div className="flex h-full grow flex-col gap-3 text-primary">
 								{t.nav.mainNav.map((item) => (
 									<MobileLink
 										className={cn(
@@ -132,7 +132,7 @@ export function MobileNav({
 				{verySmallScreen ? (
 					<ASvg className="h-8 w-auto" />
 				) : (
-					<LogoSvg className="xs:h-8 [&>text]:fill-primary [&>text]:stroke-primary h-6 w-auto text-neutral-700 sm:h-10 [&>g]:fill-red-500 dark:[&>g]:fill-neutral-100 dark:[&>text]:fill-neutral-100 dark:[&>text]:stroke-neutral-100" />
+					<LogoSvg className="h-6 xs:h-8 w-auto text-neutral-700 sm:h-10 [&>g]:fill-red-500 dark:[&>g]:fill-neutral-100 [&>text]:fill-primary [&>text]:stroke-primary dark:[&>text]:fill-neutral-100 dark:[&>text]:stroke-neutral-100" />
 				)}
 			</Link>
 		</>
@@ -189,7 +189,7 @@ const AreaRiservataLinks = ({
 }: AreaRiservataLinksProps) => {
 	const { t } = useTranslation();
 	return (
-		<div className="text-primary flex flex-col space-y-4 text-base">
+		<div className="flex flex-col space-y-4 text-base text-primary">
 			{isAdmin
 				? t.nav.areaRiservataAdminNav.map((item) => {
 						if (item.items !== undefined) {
@@ -211,7 +211,7 @@ const AreaRiservataLinks = ({
 												return (
 													<MobileLink
 														className={cn(
-															`hover:text-accent-foreground mx-4 block w-full border-l px-6 py-2 duration-150 hover:border-neutral-800`,
+															`mx-4 block w-full border-l px-6 py-2 duration-150 hover:border-neutral-800 hover:text-accent-foreground`,
 															item.href === pathname &&
 																"border-neutral-900 text-neutral-900",
 														)}
@@ -276,7 +276,7 @@ export const ARMinimizableLinks = ({
 	return (
 		<div
 			className={cn(
-				"text-primary flex w-full flex-col space-y-4 text-base",
+				"flex w-full flex-col space-y-4 text-base text-primary",
 				minimized && "justify-center",
 			)}
 		>
@@ -302,7 +302,7 @@ export const ARMinimizableLinks = ({
 												return (
 													<MobileLink
 														className={cn(
-															`hover:text-accent-foreground mx-4 block w-full border-l px-6 py-2 duration-150 hover:border-neutral-800`,
+															`mx-4 block w-full border-l px-6 py-2 duration-150 hover:border-neutral-800 hover:text-accent-foreground`,
 															item.href === pathname &&
 																"border-neutral-900 text-neutral-900",
 															minimized && "hidden",
diff --git a/apps/infoalloggi/src/components/navbar/ricerca_command.tsx b/apps/infoalloggi/src/components/navbar/ricerca_command.tsx
index 5c9e7bd..f0cef6e 100644
--- a/apps/infoalloggi/src/components/navbar/ricerca_command.tsx
+++ b/apps/infoalloggi/src/components/navbar/ricerca_command.tsx
@@ -37,7 +37,7 @@ export function RicercaCommand() {
 					</DialogHeader>
 					<div className="relative mx-auto flex w-full gap-2">
 						<CodiceBox
-							className="outline-foreground focus:ring-foreground rounded-none rounded-t-md outline placeholder:text-center focus:border-none focus:outline-hidden"
+							className="rounded-none rounded-t-md outline outline-foreground placeholder:text-center focus:border-none focus:outline-hidden focus:ring-foreground"
 							key={"codiceBox"}
 							optionBoxClassName="rounded-none rounded-b-md mt-0 border-b-0 border-x-0"
 						/>
diff --git a/apps/infoalloggi/src/components/navbar/site-header.tsx b/apps/infoalloggi/src/components/navbar/site-header.tsx
index d1eedb0..b5e4cba 100644
--- a/apps/infoalloggi/src/components/navbar/site-header.tsx
+++ b/apps/infoalloggi/src/components/navbar/site-header.tsx
@@ -21,7 +21,7 @@ export function SiteHeader() {
 		setOpenSidebar(status);
 	};
 	return (
-		<header className="border-border/40 bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur">
+		<header className="sticky top-0 z-50 w-full border-border/40 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
 			<div className="mx-auto flex h-14 w-full items-center pr-3 pl-4 md:pr-4 md:pl-8">
 				<MainNav pathname={pathname} />
 				<MobileNav
diff --git a/apps/infoalloggi/src/components/payment_status.tsx b/apps/infoalloggi/src/components/payment_status.tsx
index eb33e55..f362474 100644
--- a/apps/infoalloggi/src/components/payment_status.tsx
+++ b/apps/infoalloggi/src/components/payment_status.tsx
@@ -46,8 +46,8 @@ export default function PaymentStatus({
 				<Icon className="size-8" />
 			</div>
 			<div className="ml-3">
-				<h3 className={`text-sm font-medium ${color}`}>{title}</h3>
-				{message && <div className="mt-2 text-sm text-gray-700">{message}</div>}
+				<h3 className={`font-medium text-sm ${color}`}>{title}</h3>
+				{message && <div className="mt-2 text-gray-700 text-sm">{message}</div>}
 			</div>
 		</div>
 	);
diff --git a/apps/infoalloggi/src/components/pdf-viewer.tsx b/apps/infoalloggi/src/components/pdf-viewer.tsx
index 53ccf8f..cf8402d 100644
--- a/apps/infoalloggi/src/components/pdf-viewer.tsx
+++ b/apps/infoalloggi/src/components/pdf-viewer.tsx
@@ -52,11 +52,11 @@ export const PDFViewer = ({ url }: { url: string }) => {
 
 	return (
 		<div
-			className="w-full flex justify-center outline mx-1 shadow-lg rounded-md overflow-clip"
+			className="mx-1 flex w-full justify-center overflow-clip rounded-md shadow-lg outline"
 			ref={containerRef}
 		>
 			<Document
-				className={"overflow-auto aspect-[1/1.4142]"}
+				className={"aspect-[1/1.4142] overflow-auto"}
 				file={file}
 				loading={<LoadingPage />}
 				noData={
diff --git a/apps/infoalloggi/src/components/phone-input.tsx b/apps/infoalloggi/src/components/phone-input.tsx
index 3d2fece..a27742b 100644
--- a/apps/infoalloggi/src/components/phone-input.tsx
+++ b/apps/infoalloggi/src/components/phone-input.tsx
@@ -38,7 +38,7 @@ const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps> = React.memo(
 		return (
 			<RPNInput.default
 				className={cn(
-					"[&_input]:ph-input-fix flex h-auto w-full flex-1 [&_*]:!h-auto",
+					"[&_input]:ph-input-fix [&_*]:!h-auto flex h-auto w-full flex-1",
 					className,
 				)}
 				countrySelectComponent={CountrySelect}
diff --git a/apps/infoalloggi/src/components/prezzi.tsx b/apps/infoalloggi/src/components/prezzi.tsx
index a955c75..4a9f0bc 100644
--- a/apps/infoalloggi/src/components/prezzi.tsx
+++ b/apps/infoalloggi/src/components/prezzi.tsx
@@ -35,18 +35,18 @@ export const PricingChoice = () => {
 	}));
 
 	return (
-		<div className="text-primary flex flex-col items-center justify-center gap-4">
-			<h2 className="text-3xl font-semibold">Scegli il tuo servizio</h2>
+		<div className="flex flex-col items-center justify-center gap-4 text-primary">
+			<h2 className="font-semibold text-3xl">Scegli il tuo servizio</h2>
 			<Tabs className="mb-2 w-full max-w-xl" defaultValue="transitorio">
 				<TabsList className="flex h-auto w-full items-center justify-between gap-1 p-1">
 					<TabsTrigger
-						className="bg-transitorio [&[data-state=active]]:bg-transitorio w-full cursor-pointer px-2 text-xl sm:px-3"
+						className="w-full cursor-pointer bg-transitorio px-2 text-xl sm:px-3 [&[data-state=active]]:bg-transitorio"
 						value="transitorio"
 					>
 						Transitorio
 					</TabsTrigger>
 					<TabsTrigger
-						className="bg-stabile [&[data-state=active]]:bg-stabile w-full cursor-pointer px-2 text-xl sm:px-3"
+						className="w-full cursor-pointer bg-stabile px-2 text-xl sm:px-3 [&[data-state=active]]:bg-stabile"
 						value="stabile"
 					>
 						Stabile
@@ -140,36 +140,36 @@ export const PricingComponent = ({
 	return (
 		<Card className={cn("w-full max-w-xl gap-4 py-4", className)}>
 			<CardHeader className="py-2">
-				<CardTitle className="pt-1 text-center text-3xl font-semibold">
+				<CardTitle className="pt-1 text-center font-semibold text-3xl">
 					{title}
 				</CardTitle>
 				<CardDescription className="sr-only">
 					Prezzo del servizio
 				</CardDescription>
 			</CardHeader>
-			<CardContent className="xs:px-6 flex w-full flex-col items-center justify-center gap-4 p-0 px-2 py-0 sm:gap-6 sm:py-4">
+			<CardContent className="flex w-full flex-col items-center justify-center gap-4 p-0 px-2 xs:px-6 py-0 sm:gap-6 sm:py-4">
 				<div
-					className="xs:gap-x-4 xs:gap-y-1 flex w-full items-center justify-center gap-0"
+					className="flex w-full items-center justify-center gap-0 xs:gap-x-4 xs:gap-y-1"
 					data-role="wrapper"
 				>
-					<div className="xs:w-1/3 flex w-2/5 flex-col items-center gap-2">
-						<h2 className="text-2xl font-semibold" data-role="title">
+					<div className="flex w-2/5 xs:w-1/3 flex-col items-center gap-2">
+						<h2 className="font-semibold text-2xl" data-role="title">
 							{t.acconto}
 						</h2>
 						<p
-							className="xs:text-3xl text-2xl font-semibold sm:text-6xl"
+							className="font-semibold text-2xl xs:text-3xl sm:text-6xl"
 							data-role="amount"
 						>
 							{downPayment}€
 						</p>
 					</div>
 
-					<div className="xs:w-1/3 flex w-2/5 flex-col items-center gap-2 text-center">
-						<h2 className="text-2xl font-semibold" data-role="title">
+					<div className="flex w-2/5 xs:w-1/3 flex-col items-center gap-2 text-center">
+						<h2 className="font-semibold text-2xl" data-role="title">
 							{t.saldo}
 						</h2>
 						<p
-							className="xs:text-3xl text-2xl font-semibold sm:text-6xl"
+							className="font-semibold text-2xl xs:text-3xl sm:text-6xl"
 							data-role="amount"
 						>
 							<AnimatedNumber
@@ -180,15 +180,15 @@ export const PricingComponent = ({
 						</p>
 					</div>
 
-					<div className="xs:w-1/3 flex w-2/5 flex-col items-center gap-2 text-center">
-						<h2 className="text-2xl font-semibold" data-role="title">
+					<div className="flex w-2/5 xs:w-1/3 flex-col items-center gap-2 text-center">
+						<h2 className="font-semibold text-2xl" data-role="title">
 							Contratto
 						</h2>
 
 						{tipo === TipologiaPosizioneEnum.Transitorio ? (
 							<div className="flex flex-col justify-center leading-none">
 								<span
-									className="xs:text-3xl text-2xl font-semibold sm:text-6xl"
+									className="font-semibold text-2xl xs:text-3xl sm:text-6xl"
 									data-role="amount"
 								>
 									0 €
@@ -210,8 +210,8 @@ export const PricingComponent = ({
 					{opzioni.map((opzione, idx) => (
 						<Button
 							className={cn(
-								"xs:h-10 xs:px-4 xs:py-2 h-9 rounded-md border-none px-3",
-								idx === Value ? "animate-in fade-in-0" : "",
+								"h-9 xs:h-10 rounded-md border-none px-3 xs:px-4 xs:py-2",
+								idx === Value ? "fade-in-0 animate-in" : "",
 							)}
 							key={idx}
 							onClick={() => {
@@ -225,7 +225,7 @@ export const PricingComponent = ({
 						</Button>
 					))}
 				</div>
-				<h2 className="text-center text-xl font-semibold text-white">{cta}</h2>
+				<h2 className="text-center font-semibold text-white text-xl">{cta}</h2>
 			</CardContent>
 		</Card>
 	);
@@ -271,17 +271,17 @@ export const PricingComponentConsulenza = ({
 	return (
 		<Card className={cn("w-full max-w-xl", className)}>
 			<CardHeader className="p-3 px-5">
-				<CardTitle className="pt-1 text-center text-3xl font-semibold">
+				<CardTitle className="pt-1 text-center font-semibold text-3xl">
 					{title}
 				</CardTitle>
 				<CardDescription className="sr-only">
 					Prezzo del servizio
 				</CardDescription>
 			</CardHeader>
-			<CardContent className="xs:px-6 flex flex-col items-center justify-center gap-8 p-0 px-2 pt-4 pb-4">
-				<div className="xs:gap-4 flex w-full items-center justify-center gap-0">
+			<CardContent className="flex flex-col items-center justify-center gap-8 p-0 px-2 xs:px-6 pt-4 pb-4">
+				<div className="flex w-full items-center justify-center gap-0 xs:gap-4">
 					<div className="flex flex-col items-center gap-2">
-						<p className="xs:text-6xl text-3xl font-semibold">
+						<p className="font-semibold text-3xl xs:text-6xl">
 							<AnimatedNumber format={customFormat} value={p || 0} />
 						</p>
 					</div>
@@ -290,8 +290,8 @@ export const PricingComponentConsulenza = ({
 					{opzioni.map((opzione, idx) => (
 						<Button
 							className={cn(
-								"xs:h-10 xs:px-4 xs:py-2 h-9 rounded-md border-none px-3",
-								idx === Value ? "animate-in fade-in-0" : "",
+								"h-9 xs:h-10 rounded-md border-none px-3 xs:px-4 xs:py-2",
+								idx === Value ? "fade-in-0 animate-in" : "",
 							)}
 							key={idx}
 							onClick={() => {
@@ -305,7 +305,7 @@ export const PricingComponentConsulenza = ({
 						</Button>
 					))}
 				</div>
-				<h2 className="text-center text-xl font-semibold text-white">{cta}</h2>
+				<h2 className="text-center font-semibold text-white text-xl">{cta}</h2>
 			</CardContent>
 		</Card>
 	);
@@ -328,12 +328,12 @@ export const PrezziShow = () => {
 		secondPayment: s.prezzo_cent / 100,
 	}));
 	return (
-		<div className="text-primary mx-auto flex w-full flex-col items-center justify-center gap-8 py-6 sm:max-w-5xl sm:flex-row">
+		<div className="mx-auto flex w-full flex-col items-center justify-center gap-8 py-6 text-primary sm:max-w-5xl sm:flex-row">
 			<div className="flex w-full flex-col gap-2 text-start sm:w-2/5 sm:text-left">
-				<h1 className="text-primary text-3xl font-bold">
+				<h1 className="font-bold text-3xl text-primary">
 					Quanto costa il servizio?
 				</h1>
-				<p className="text-muted-foreground text-lg">
+				<p className="text-lg text-muted-foreground">
 					Il nostro servizio è pensato per essere accessibile e conveniente, con
 					tariffe chiare e senza sorprese. Basate sul tipo di affitto che
 					desideri, le nostre tariffe sono suddivise in due categorie
diff --git a/apps/infoalloggi/src/components/schedaAnnuncioStampabile.tsx b/apps/infoalloggi/src/components/schedaAnnuncioStampabile.tsx
index 623dd79..117772c 100644
--- a/apps/infoalloggi/src/components/schedaAnnuncioStampabile.tsx
+++ b/apps/infoalloggi/src/components/schedaAnnuncioStampabile.tsx
@@ -24,7 +24,7 @@ export function SchedaAnnuncioStampabile({ data }: { data: Annunci }) {
 		<div className="mx-auto max-w-4xl">
 			<div className="space-y-6">
 				<div className="flex items-center justify-between">
-					<h1 className="text-2xl font-bold">Scheda Annuncio Stampabile</h1>
+					<h1 className="font-bold text-2xl">Scheda Annuncio Stampabile</h1>
 
 					<Button className="print:hidden" onClick={() => reactToPrintFn()}>
 						Stampa
@@ -49,19 +49,19 @@ function SchedaAnnuncio({ data }: { data: Annunci }) {
 			<div className="space-y-6">
 				<div className="flex items-start justify-between">
 					<div>
-						<LogoSvg className="[&>text]:fill-primary [&>text]:stroke-primary h-10 w-auto [&>g]:fill-red-500" />
+						<LogoSvg className="h-10 w-auto [&>g]:fill-red-500 [&>text]:fill-primary [&>text]:stroke-primary" />
 					</div>
 
 					<div className="relative">
-						<p className="font-semibold text-lg text-right">Arcenia Srl</p>
-						<p className="text-sm whitespace-pre-line text-right">
+						<p className="text-right font-semibold text-lg">Arcenia Srl</p>
+						<p className="whitespace-pre-line text-right text-sm">
 							{companyAddress}
 						</p>
 					</div>
 				</div>
 				{/* Property Header */}
 				<div className="space-y-2 text-center">
-					<h2 className="text-xl font-bold text-primary">
+					<h2 className="font-bold text-primary text-xl">
 						{data.titolo_it || "Immobile in Affitto"}
 					</h2>
 					<p className="text-lg text-muted-foreground">
@@ -73,7 +73,7 @@ function SchedaAnnuncio({ data }: { data: Annunci }) {
 				<div className="grid grid-cols-2 gap-6">
 					{/* Location Details */}
 					<div className="space-y-3">
-						<h3 className="text-lg font-semibold border-b pb-1">
+						<h3 className="border-b pb-1 font-semibold text-lg">
 							📍 Ubicazione
 						</h3>
 						<div className="space-y-2 text-sm">
@@ -99,7 +99,7 @@ function SchedaAnnuncio({ data }: { data: Annunci }) {
 
 					{/* Property Characteristics */}
 					<div className="space-y-3">
-						<h3 className="text-lg font-semibold border-b pb-1">
+						<h3 className="border-b pb-1 font-semibold text-lg">
 							🏠 Caratteristiche
 						</h3>
 						<div className="space-y-2 text-sm">
@@ -133,25 +133,25 @@ function SchedaAnnuncio({ data }: { data: Annunci }) {
 				{/* Pricing Information */}
 
 				<div className="space-y-3">
-					<div className="grid grid-cols-3  gap-4 text-sm">
+					<div className="grid grid-cols-3 gap-4 text-sm">
 						{data.tipo && (
-							<div className="bg-gray-50 p-3 rounded">
+							<div className="rounded bg-gray-50 p-3">
 								<p className="font-medium text-primary">Tipologia</p>
-								<p className="text-xl font-bold">Affitto {data.tipo}</p>
+								<p className="font-bold text-xl">Affitto {data.tipo}</p>
 							</div>
 						)}
 						{data.prezzo && (
-							<div className="bg-gray-50 p-3 rounded">
+							<div className="rounded bg-gray-50 p-3">
 								<p className="font-medium text-primary">Canone Mensile</p>
-								<p className="text-xl font-bold">
+								<p className="font-bold text-xl">
 									{formatCurrency(data.prezzo / 100)}
 								</p>
 							</div>
 						)}
 						{(data.disponibile_da || data.consegna) && (
-							<div className="bg-gray-50 p-3 rounded">
+							<div className="rounded bg-gray-50 p-3">
 								<p className="font-medium text-primary">Disponibile da</p>
-								<p className="text-xl font-bold">
+								<p className="font-bold text-xl">
 									{data.disponibile_da
 										? new Date(data.disponibile_da).toLocaleDateString()
 										: data.consegna &&
@@ -171,7 +171,7 @@ function SchedaAnnuncio({ data }: { data: Annunci }) {
 				{/* Additional Features */}
 
 				<div className="space-y-3">
-					<h3 className="text-lg font-semibold border-b pb-1">
+					<h3 className="border-b pb-1 font-semibold text-lg">
 						✨ Dotazioni e Servizi
 					</h3>
 					<div className="grid grid-cols-4 gap-2 text-sm">
@@ -181,7 +181,7 @@ function SchedaAnnuncio({ data }: { data: Annunci }) {
 									if (!item.value) return null;
 									return (
 										<div
-											className="flex items-center gap-2 justify-center"
+											className="flex items-center justify-center gap-2"
 											key={index}
 										>
 											<span className="">
@@ -196,11 +196,11 @@ function SchedaAnnuncio({ data }: { data: Annunci }) {
 							)}
 					</div>
 				</div>
-				<div className="bg-primary/5 p-4 rounded-lg">
-					<h3 className="text-lg font-semibold text-primary mb-2">
+				<div className="rounded-lg bg-primary/5 p-4">
+					<h3 className="mb-2 font-semibold text-lg text-primary">
 						📞 Contatti
 					</h3>
-					<div className="text-sm space-y-1">
+					<div className="space-y-1 text-sm">
 						<p>{data.locatore}</p>
 						{data.numero && <p>Tel. {data.numero}</p>}
 					</div>
@@ -209,10 +209,10 @@ function SchedaAnnuncio({ data }: { data: Annunci }) {
 				{data.desc_it && (
 					<>
 						<div className="space-y-3">
-							<h3 className="text-lg font-semibold border-b pb-1">
+							<h3 className="border-b pb-1 font-semibold text-lg">
 								📝 Descrizione
 							</h3>
-							<div className="text-sm leading-relaxed text-justify">
+							<div className="text-justify text-sm leading-relaxed">
 								<p
 									dangerouslySetInnerHTML={{
 										__html: replaceWithBr(data.desc_it),
@@ -223,7 +223,7 @@ function SchedaAnnuncio({ data }: { data: Annunci }) {
 					</>
 				)}
 
-				<div className="text-muted-foreground pt-2 text-center text-xs">
+				<div className="pt-2 text-center text-muted-foreground text-xs">
 					<p>{footer}</p>
 					<p className="mt-1">
 						Documento generato in data: {new Date().toLocaleDateString("it-IT")}
diff --git a/apps/infoalloggi/src/components/servizio/annuncio_actions.tsx b/apps/infoalloggi/src/components/servizio/annuncio_actions.tsx
index bffba7f..29decff 100644
--- a/apps/infoalloggi/src/components/servizio/annuncio_actions.tsx
+++ b/apps/infoalloggi/src/components/servizio/annuncio_actions.tsx
@@ -912,7 +912,7 @@ const DocCombo = ({
 										{file.ext && <ExtIcon ext={file.ext} />}
 										<span className="block font-medium">{file.filename}</span>
 										{current === file.id && (
-											<Check className="text-accent-foreground size-4" />
+											<Check className="size-4 text-accent-foreground" />
 										)}
 									</span>
 								</CommandItem>
diff --git a/apps/infoalloggi/src/components/servizio/annuncio_card.tsx b/apps/infoalloggi/src/components/servizio/annuncio_card.tsx
index ac4f884..9edf84b 100644
--- a/apps/infoalloggi/src/components/servizio/annuncio_card.tsx
+++ b/apps/infoalloggi/src/components/servizio/annuncio_card.tsx
@@ -234,14 +234,14 @@ const AnnuncioDettaglio = ({
 									<div className="text-center">
 										<dt className="sr-only">{t.card.codice}</dt>
 
-										<dd className="text-lg font-semibold">
+										<dd className="font-semibold text-lg">
 											Cod: {data.codice}
 										</dd>
 									</div>
 									<div className="text-center">
 										<dt className="sr-only">{t.card.prezzo}</dt>
 
-										<dd className="text-lg font-semibold">
+										<dd className="font-semibold text-lg">
 											{formatCurrency(data.prezzo / 1e2)}
 										</dd>
 									</div>
@@ -250,7 +250,7 @@ const AnnuncioDettaglio = ({
 								<div className="mb-3">
 									<dt className="sr-only">{t.card.titolo}</dt>
 
-									<dd className="text-base font-semibold md:text-lg">
+									<dd className="font-semibold text-base md:text-lg">
 										{locale === "it" ? data.titolo_it : data.titolo_en}
 									</dd>
 								</div>
diff --git a/apps/infoalloggi/src/components/servizio/interactions.tsx b/apps/infoalloggi/src/components/servizio/interactions.tsx
index ae4a729..f2eeb24 100644
--- a/apps/infoalloggi/src/components/servizio/interactions.tsx
+++ b/apps/infoalloggi/src/components/servizio/interactions.tsx
@@ -589,7 +589,7 @@ const ContattiProprietarioData = () => {
 				)
 			</p>
 			<a
-				className="border-border flex w-fit items-center gap-2 rounded-md border px-3 py-2"
+				className="flex w-fit items-center gap-2 rounded-md border border-border px-3 py-2"
 				href={navigationUrl}
 				rel="noreferrer"
 				target="_blank"
diff --git a/apps/infoalloggi/src/components/servizio/main.tsx b/apps/infoalloggi/src/components/servizio/main.tsx
index f5d7ecf..5cf4195 100644
--- a/apps/infoalloggi/src/components/servizio/main.tsx
+++ b/apps/infoalloggi/src/components/servizio/main.tsx
@@ -116,7 +116,7 @@ export const ServizioContent = () => {
 				cardClassName="bg-neutral-100 border-neutral-300"
 				content={
 					<>
-						<p className="text-lg font-medium">Servizio interrotto</p>
+						<p className="font-medium text-lg">Servizio interrotto</p>
 						<p>
 							Non è possibile riutilizzare questo servizio, poichè è stato
 							interrotto.
@@ -127,11 +127,11 @@ export const ServizioContent = () => {
 					<>
 						<div className="flex flex-col gap-4">
 							<CardTitle className="flex items-center gap-2 text-xl sm:text-2xl">
-								<Package className="text-primary size-6" />
+								<Package className="size-6 text-primary" />
 								Cerco Affitto {servizio.tipologia}
 							</CardTitle>
 
-							<CardDescription className="text-foreground/70 space-y-2 pl-2">
+							<CardDescription className="space-y-2 pl-2 text-foreground/70">
 								<p>
 									aggiunto il{" "}
 									{servizio.created_at.toLocaleDateString("it", {
@@ -268,7 +268,7 @@ export const ServizioContent = () => {
 					<div className="flex flex-col gap-2">
 						<div className="flex items-center justify-between">
 							<div className="flex items-center gap-2">
-								<UserCircle className="text-primary size-6" />
+								<UserCircle className="size-6 text-primary" />
 								<span className="font-medium">Contatti sbloccati</span>
 							</div>
 							<span className="text-sm">{openContattiCount} / 10</span>
@@ -281,7 +281,7 @@ export const ServizioContent = () => {
 					{annuncioConfermato.length > 0 && (
 						<div className="flex flex-col gap-2">
 							<div className="flex items-center gap-2">
-								<PackageCheck className="text-primary size-6" />
+								<PackageCheck className="size-6 text-primary" />
 								<span className="font-medium">Saldi in attesa:</span>
 							</div>
 							{servizio.annunci
@@ -381,7 +381,7 @@ const ServizioMain = () => {
 				cardClassName="bg-neutral-100 border-neutral-300"
 				content={
 					<>
-						<p className="text-lg font-medium">Servizio interrotto</p>
+						<p className="font-medium text-lg">Servizio interrotto</p>
 						<p>
 							Non è possibile riutilizzare questo servizio, poichè è stato
 							interrotto.
@@ -392,11 +392,11 @@ const ServizioMain = () => {
 					<>
 						<div className="flex flex-col gap-4">
 							<CardTitle className="flex items-center gap-2 text-xl sm:text-2xl">
-								<Package className="text-primary size-6" />
+								<Package className="size-6 text-primary" />
 								Cerco Affitto {servizio.tipologia}
 							</CardTitle>
 
-							<CardDescription className="text-foreground/70 space-y-2 pl-2">
+							<CardDescription className="space-y-2 pl-2 text-foreground/70">
 								<p>
 									aggiunto il{" "}
 									{servizio.created_at.toLocaleDateString("it", {
@@ -454,10 +454,10 @@ const ServizioMain = () => {
 					<>
 						<div className="flex w-full flex-col gap-4">
 							<CardTitle className="flex items-center gap-2 text-xl sm:text-2xl">
-								<Package className="text-primary size-6" />
+								<Package className="size-6 text-primary" />
 								Cerco Affitto {servizio.tipologia}
 							</CardTitle>
-							<CardDescription className="text-foreground/70 pl-2">
+							<CardDescription className="pl-2 text-foreground/70">
 								<p>Servizio non attivo</p>
 							</CardDescription>
 						</div>
@@ -489,11 +489,11 @@ const ServizioMain = () => {
 					<>
 						<div className="flex w-full flex-wrap items-center gap-2">
 							<CardTitle className="flex items-center gap-2 text-xl sm:text-2xl">
-								<Package className="text-primary size-6" />
+								<Package className="size-6 text-primary" />
 								Cerco Affitto {servizio.tipologia}
 							</CardTitle>
 
-							<CardDescription className="text-foreground/70 space-y-2 pl-2">
+							<CardDescription className="space-y-2 pl-2 text-foreground/70">
 								<p>
 									aggiunto il{" "}
 									{servizio.created_at.toLocaleDateString("it", {
@@ -530,7 +530,7 @@ const ServizioMain = () => {
 					<div className="flex flex-col gap-2">
 						<div className="flex items-center justify-between">
 							<div className="flex items-center gap-2">
-								<UserCircle className="text-primary size-6" />
+								<UserCircle className="size-6 text-primary" />
 								<span className="font-medium">Contatti sbloccati</span>
 							</div>
 							<span className="text-sm">{openContattiCount} / 10</span>
@@ -543,7 +543,7 @@ const ServizioMain = () => {
 					{annuncioConfermato.length > 0 && (
 						<div className="flex flex-col gap-2">
 							<div className="flex items-center gap-2">
-								<PackageCheck className="text-primary size-6" />
+								<PackageCheck className="size-6 text-primary" />
 								<span className="font-medium">Saldi in attesa:</span>
 							</div>
 							{servizio.annunci
@@ -591,11 +591,11 @@ const ServizioMain = () => {
 				<>
 					<div className="flex w-full flex-col gap-2">
 						<CardTitle className="flex items-center gap-2 text-xl sm:text-2xl">
-							<Package className="text-primary size-6" />
+							<Package className="size-6 text-primary" />
 							Cerco Affitto {servizio.tipologia}
 						</CardTitle>
 
-						<CardDescription className="text-foreground/70 space-y-2 pl-2">
+						<CardDescription className="space-y-2 pl-2 text-foreground/70">
 							<p>
 								aggiunto il{" "}
 								{servizio.created_at.toLocaleDateString("it", {
diff --git a/apps/infoalloggi/src/components/servizio/service-duration-display.tsx b/apps/infoalloggi/src/components/servizio/service-duration-display.tsx
index 4e9605e..ac7f05a 100644
--- a/apps/infoalloggi/src/components/servizio/service-duration-display.tsx
+++ b/apps/infoalloggi/src/components/servizio/service-duration-display.tsx
@@ -27,8 +27,8 @@ export const ServizioDuration = ({
 		>
 			<AccordionItem value="validity">
 				<AccordionTrigger>
-					<div className="flex items-center gap-2 text-base font-medium">
-						<Clock className="text-primary size-6" />
+					<div className="flex items-center gap-2 font-medium text-base">
+						<Clock className="size-6 text-primary" />
 						Validità servizio
 					</div>
 				</AccordionTrigger>
@@ -70,10 +70,10 @@ function ServiceDurationDisplay({
 			<CardContent className="flex flex-col gap-5 px-1">
 				<div className="flex w-full flex-col justify-between gap-4 sm:flex-row sm:items-center">
 					<div className="flex items-center gap-4">
-						<CalendarDays aria-hidden="true" className="text-primary h-6 w-6" />
+						<CalendarDays aria-hidden="true" className="h-6 w-6 text-primary" />
 						<div>
 							<div className="text-muted-foreground text-sm">Decorrenza</div>
-							<div className="text-foreground text-lg font-semibold">
+							<div className="font-semibold text-foreground text-lg">
 								{decorrenza.toLocaleDateString("it-IT", {
 									day: "2-digit",
 									month: "long",
@@ -85,11 +85,11 @@ function ServiceDurationDisplay({
 					<div className="flex items-center gap-4">
 						<CalendarClock
 							aria-hidden="true"
-							className="text-primary h-6 w-6"
+							className="h-6 w-6 text-primary"
 						/>
 						<div>
 							<div className="text-muted-foreground text-sm">Scadenza</div>
-							<div className="text-foreground text-lg font-semibold">
+							<div className="font-semibold text-foreground text-lg">
 								{scadenza.toLocaleDateString("it-IT", {
 									day: "2-digit",
 									month: "long",
@@ -99,12 +99,12 @@ function ServiceDurationDisplay({
 					</div>
 
 					<div className="flex items-center gap-4">
-						<Hourglass aria-hidden="true" className="text-primary h-6 w-6" />
+						<Hourglass aria-hidden="true" className="h-6 w-6 text-primary" />
 						<div>
 							<div className="text-muted-foreground text-sm">
 								Periodo di recesso
 							</div>
-							<div className="text-foreground text-lg font-semibold">
+							<div className="font-semibold text-foreground text-lg">
 								{recessoDays} giorni
 							</div>
 						</div>
@@ -118,7 +118,7 @@ function ServiceDurationDisplay({
 						className="h-2"
 						value={progressPercentage}
 					/>
-					<div className="text-muted-foreground mt-1 text-right text-sm">
+					<div className="mt-1 text-right text-muted-foreground text-sm">
 						{remainingDaysText}
 					</div>
 				</div>
diff --git a/apps/infoalloggi/src/components/status-page.tsx b/apps/infoalloggi/src/components/status-page.tsx
index 9e0c706..b422b53 100644
--- a/apps/infoalloggi/src/components/status-page.tsx
+++ b/apps/infoalloggi/src/components/status-page.tsx
@@ -10,7 +10,7 @@ export const Status500 = () => {
 		<div className="mx-auto flex h-screen max-w-screen-xl items-center justify-start px-4 md:px-8">
 			<div className="mx-auto max-w-lg space-y-3 text-center">
 				<ShieldExclamationIcon className="mx-auto size-20 text-red-600" />
-				<h3 className="text-accent-foreground text-4xl font-semibold sm:text-5xl">
+				<h3 className="font-semibold text-4xl text-accent-foreground sm:text-5xl">
 					{t[500].titolo}
 				</h3>
 				<p className="text-neutral-600">{t[500].sottotitolo}</p>
diff --git a/apps/infoalloggi/src/components/tables/ricerca-table.tsx b/apps/infoalloggi/src/components/tables/ricerca-table.tsx
index 28c0219..a2892d5 100644
--- a/apps/infoalloggi/src/components/tables/ricerca-table.tsx
+++ b/apps/infoalloggi/src/components/tables/ricerca-table.tsx
@@ -69,13 +69,13 @@ const Row = ({
 			userId={userId}
 		>
 			<Collapsible onOpenChange={setIsOpen} open={isOpen}>
-				<div className="border-border flex items-center rounded-md border py-2 shadow-sm hover:shadow-md">
+				<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>
 						</div>
 						<div className="col-span-6 flex items-center gap-2 font-semibold sm:text-lg">
-							<Package className="text-primary size-6" />
+							<Package className="size-6 text-primary" />
 							Affitto {servizio.tipologia}
 						</div>
 						<div className="col-span-2">
@@ -97,7 +97,7 @@ const Row = ({
 					</CollapsibleTrigger>
 				</div>
 
-				<CollapsibleContent className="data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up mt-2 overflow-hidden transition-all duration-300 ease-in-out">
+				<CollapsibleContent className="mt-2 overflow-hidden transition-all duration-300 ease-in-out data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down">
 					<ServizioProvider
 						isAdmin={isAdmin}
 						servizio={servizio}
diff --git a/apps/infoalloggi/src/components/tables/servizio-table.tsx b/apps/infoalloggi/src/components/tables/servizio-table.tsx
index 14aef73..ba87040 100644
--- a/apps/infoalloggi/src/components/tables/servizio-table.tsx
+++ b/apps/infoalloggi/src/components/tables/servizio-table.tsx
@@ -107,7 +107,6 @@ export const TabServizio = ({
 			<TableBody>
 				{data.map((servizio, idx) => {
 					const onboardDone =
-						servizio.isSent ||
 						servizio.isInterrotto ||
 						servizio.isOkAcconto ||
 						servizio.decorrenza !== null;
@@ -173,8 +172,10 @@ export const TabServizio = ({
 													size="sm"
 													variant="ghost"
 												>
-													<Mail className="stroke-foreground size-5" />
-													Invia all&apos;utente
+													<Mail className="size-5 stroke-foreground" />
+													{servizio.isSent
+														? "Re-Invia all'utente"
+														: "Invia all'utente"}
 												</Button>
 											</Confirm>
 										</DropdownMenuItem>
@@ -190,7 +191,7 @@ export const TabServizio = ({
 													size="sm"
 													variant="ghost"
 												>
-													<ExternalLink className="stroke-foreground size-5" />
+													<ExternalLink className="size-5 stroke-foreground" />
 													Apri Onboarding
 												</Button>
 											</Link>
@@ -211,14 +212,14 @@ export const TabServizio = ({
 												size="sm"
 												variant="ghost"
 											>
-												<Copy className="stroke-foreground size-5" />
+												<Copy className="size-5 stroke-foreground" />
 												Copia Link
 											</Button>
 										</DropdownMenuItem>
 										<DropdownMenuSeparator />
 										<DropdownMenuSub>
 											<DropdownMenuSubTrigger className="flex items-center gap-3 hover:cursor-pointer">
-												<Wrench className="stroke-foreground size-5" />
+												<Wrench className="size-5 stroke-foreground" />
 												<span className="text-foreground">Status Servizio</span>
 											</DropdownMenuSubTrigger>
 											<DropdownMenuPortal>
@@ -249,7 +250,7 @@ export const TabServizio = ({
 										</DropdownMenuSub>
 										<DropdownMenuSub>
 											<DropdownMenuSubTrigger className="flex items-center gap-3 hover:cursor-pointer">
-												<Wrench className="stroke-foreground size-5" />
+												<Wrench className="size-5 stroke-foreground" />
 												<span className="text-foreground">Interruzione</span>
 											</DropdownMenuSubTrigger>
 											<DropdownMenuPortal>
@@ -285,7 +286,7 @@ export const TabServizio = ({
 												setOpen(true);
 											}}
 										>
-											<Wrench className="stroke-foreground size-5" />
+											<Wrench className="size-5 stroke-foreground" />
 											Modifica parametri
 										</DropdownMenuItem>
 										<DropdownMenuItem
@@ -296,7 +297,7 @@ export const TabServizio = ({
 												remove({ servizioId: servizio.servizio_id })
 											}
 										>
-											<Trash2 className="stroke-foreground size-5" />
+											<Trash2 className="size-5 stroke-foreground" />
 											Elimina Servizio
 										</DropdownMenuItem>
 									</DropdownMenuContent>
diff --git a/apps/infoalloggi/src/components/tables/users-table.tsx b/apps/infoalloggi/src/components/tables/users-table.tsx
index 0b51e92..26ce614 100644
--- a/apps/infoalloggi/src/components/tables/users-table.tsx
+++ b/apps/infoalloggi/src/components/tables/users-table.tsx
@@ -97,7 +97,7 @@ export const UsersTable = (props: { data: UserWChatInfo[] }) => {
 							userId={user.id}
 							username={user.username}
 						/>
-						<span className="text-sm font-semibold">{user.username}</span>
+						<span className="font-semibold text-sm">{user.username}</span>
 					</Link>
 				);
 			},
diff --git a/apps/infoalloggi/src/components/timeline.tsx b/apps/infoalloggi/src/components/timeline.tsx
index 5c37141..8380329 100644
--- a/apps/infoalloggi/src/components/timeline.tsx
+++ b/apps/infoalloggi/src/components/timeline.tsx
@@ -138,7 +138,7 @@ function TimelineConnector({
 	return (
 		<Comp
 			className={cn(
-				"bg-border flex-1",
+				"flex-1 bg-border",
 				orientation === "vertical" && "my-2 w-0.5",
 				orientation === "horizontal" && "mx-2 h-0.5",
 				className,
@@ -210,7 +210,7 @@ function TimelineDescription({
 
 	return (
 		<Comp
-			className={cn("text-muted-foreground text-[0.8em]", className)}
+			className={cn("text-[0.8em] text-muted-foreground", className)}
 			data-orientation={orientation}
 			data-slot="timeline-description"
 			{...props}
diff --git a/apps/infoalloggi/src/components/timeserieBarChart.tsx b/apps/infoalloggi/src/components/timeserieBarChart.tsx
index ff92b8a..b310755 100644
--- a/apps/infoalloggi/src/components/timeserieBarChart.tsx
+++ b/apps/infoalloggi/src/components/timeserieBarChart.tsx
@@ -75,12 +75,12 @@ export default function TimeserieBarChart({
 
 	return (
 		<Card className="@container/card w-full pb-4">
-			<CardHeader className="flex flex-col border-b @md/card:grid">
+			<CardHeader className="flex @md/card:grid flex-col border-b">
 				<CardTitle>{title}</CardTitle>
 				<CardDescription className={cn(!description && "sr-only")}>
 					{description || "Analytics for the selected period."}
 				</CardDescription>
-				<CardAction className="mt-2 @md/card:mt-0">
+				<CardAction className="@md/card:mt-0 mt-2">
 					<Popover>
 						<PopoverTrigger asChild>
 							<Button variant="outline">
@@ -111,7 +111,7 @@ export default function TimeserieBarChart({
 					config={chartConfig}
 				>
 					{filteredData.length === 0 ? (
-						<div className="text-muted-foreground flex h-full items-center justify-center text-base">
+						<div className="flex h-full items-center justify-center text-base text-muted-foreground">
 							Nessun dato disponibile per il periodo selezionato.
 						</div>
 					) : (
@@ -144,7 +144,7 @@ export default function TimeserieBarChart({
 					)}
 				</ChartContainer>
 			</CardContent>
-			<CardFooter className="flex justify-end border-t !pt-4">
+			<CardFooter className="!pt-4 flex justify-end border-t">
 				<span className="text-muted-foreground text-sm">
 					Totale:{" "}
 					<strong>
diff --git a/apps/infoalloggi/src/components/timeserieBarChartStacked.tsx b/apps/infoalloggi/src/components/timeserieBarChartStacked.tsx
index 7b62fd9..e206551 100644
--- a/apps/infoalloggi/src/components/timeserieBarChartStacked.tsx
+++ b/apps/infoalloggi/src/components/timeserieBarChartStacked.tsx
@@ -89,12 +89,12 @@ export default function TimeserieBarChartStacked({
 
 	return (
 		<Card className="@container/card w-full pb-4">
-			<CardHeader className="flex flex-col border-b @md/card:grid">
+			<CardHeader className="flex @md/card:grid flex-col border-b">
 				<CardTitle>{title}</CardTitle>
 				<CardDescription className={cn(!description && "sr-only")}>
 					{description || "Analytics for the selected period."}
 				</CardDescription>
-				<CardAction className="mt-2 @md/card:mt-0">
+				<CardAction className="@md/card:mt-0 mt-2">
 					<Popover>
 						<PopoverTrigger asChild>
 							<Button variant="outline">
@@ -125,7 +125,7 @@ export default function TimeserieBarChartStacked({
 					config={chartConfig}
 				>
 					{filteredData.length === 0 ? (
-						<div className="text-muted-foreground flex h-full items-center justify-center text-base">
+						<div className="flex h-full items-center justify-center text-base text-muted-foreground">
 							Nessun dato disponibile per il periodo selezionato.
 						</div>
 					) : (
@@ -169,7 +169,7 @@ export default function TimeserieBarChartStacked({
 					)}
 				</ChartContainer>
 			</CardContent>
-			<CardFooter className="flex justify-end border-t !pt-4">
+			<CardFooter className="!pt-4 flex justify-end border-t">
 				<span className="text-muted-foreground text-sm">
 					Totale: <strong>{filteredData.reduce((acc) => acc + 1, 0)}</strong>
 				</span>
diff --git a/apps/infoalloggi/src/components/tip-tap/toolbar.tsx b/apps/infoalloggi/src/components/tip-tap/toolbar.tsx
index f3e6022..910f651 100644
--- a/apps/infoalloggi/src/components/tip-tap/toolbar.tsx
+++ b/apps/infoalloggi/src/components/tip-tap/toolbar.tsx
@@ -55,7 +55,7 @@ function ToolBar({ editor }: { editor: Editor }) {
 	});
 
 	return (
-		<div className="border-input my-2 flex flex-wrap gap-3 rounded-lg border p-1">
+		<div className="my-2 flex flex-wrap gap-3 rounded-lg border border-input p-1">
 			<Toggle
 				onPressedChange={() => editor.chain().focus().setParagraph().run()}
 				pressed={editorState.isParagraph}
diff --git a/apps/infoalloggi/src/components/ui/Infoalloggi.tsx b/apps/infoalloggi/src/components/ui/Infoalloggi.tsx
index 3dc53b1..d88c9a7 100644
--- a/apps/infoalloggi/src/components/ui/Infoalloggi.tsx
+++ b/apps/infoalloggi/src/components/ui/Infoalloggi.tsx
@@ -4,7 +4,7 @@ const Infoalloggi = (props: { opt?: string }) => {
 	return (
 		<span
 			className={cn(
-				"text-3xl font-bold tracking-wide text-primary antialiased",
+				"font-bold text-3xl text-primary tracking-wide antialiased",
 				props.opt,
 			)}
 		>
diff --git a/apps/infoalloggi/src/components/ui/accordion.tsx b/apps/infoalloggi/src/components/ui/accordion.tsx
index 2fbb7c6..1c5eda8 100644
--- a/apps/infoalloggi/src/components/ui/accordion.tsx
+++ b/apps/infoalloggi/src/components/ui/accordion.tsx
@@ -32,14 +32,14 @@ function AccordionTrigger({
 		<AccordionPrimitive.Header className="flex">
 			<AccordionPrimitive.Trigger
 				className={cn(
-					"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden transition-all hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+					"flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left font-medium text-sm outline-hidden transition-all hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
 					className,
 				)}
 				data-slot="accordion-trigger"
 				{...props}
 			>
 				{children}
-				<ChevronDownIcon className="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" />
+				<ChevronDownIcon className="pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" />
 			</AccordionPrimitive.Trigger>
 		</AccordionPrimitive.Header>
 	);
@@ -52,7 +52,7 @@ function AccordionContent({
 }: React.ComponentProps<typeof AccordionPrimitive.Content>) {
 	return (
 		<AccordionPrimitive.Content
-			className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
+			className="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
 			data-slot="accordion-content"
 			{...props}
 		>
diff --git a/apps/infoalloggi/src/components/ui/alert-dialog.tsx b/apps/infoalloggi/src/components/ui/alert-dialog.tsx
index c043188..98af3ac 100644
--- a/apps/infoalloggi/src/components/ui/alert-dialog.tsx
+++ b/apps/infoalloggi/src/components/ui/alert-dialog.tsx
@@ -32,7 +32,7 @@ function AlertDialogOverlay({
 	return (
 		<AlertDialogPrimitive.Overlay
 			className={cn(
-				"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+				"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",
 				className,
 			)}
 			data-slot="alert-dialog-overlay"
@@ -50,7 +50,7 @@ function AlertDialogContent({
 			<AlertDialogOverlay />
 			<AlertDialogPrimitive.Content
 				className={cn(
-					"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+					"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg",
 					className,
 				)}
 				data-slot="alert-dialog-content"
@@ -95,7 +95,7 @@ function AlertDialogTitle({
 }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
 	return (
 		<AlertDialogPrimitive.Title
-			className={cn("text-lg font-semibold", className)}
+			className={cn("font-semibold text-lg", className)}
 			data-slot="alert-dialog-title"
 			{...props}
 		/>
diff --git a/apps/infoalloggi/src/components/ui/avatar.tsx b/apps/infoalloggi/src/components/ui/avatar.tsx
index ba1fc3c..32c238b 100644
--- a/apps/infoalloggi/src/components/ui/avatar.tsx
+++ b/apps/infoalloggi/src/components/ui/avatar.tsx
@@ -39,7 +39,7 @@ function AvatarFallback({
 	return (
 		<AvatarPrimitive.Fallback
 			className={cn(
-				"bg-muted flex size-full items-center justify-center rounded-full",
+				"flex size-full items-center justify-center rounded-full bg-muted",
 				className,
 			)}
 			data-slot="avatar-fallback"
diff --git a/apps/infoalloggi/src/components/ui/breadcrumb.tsx b/apps/infoalloggi/src/components/ui/breadcrumb.tsx
index 7c46a29..f1e2cc3 100644
--- a/apps/infoalloggi/src/components/ui/breadcrumb.tsx
+++ b/apps/infoalloggi/src/components/ui/breadcrumb.tsx
@@ -12,7 +12,7 @@ function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
 	return (
 		<ol
 			className={cn(
-				"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+				"flex flex-wrap items-center gap-1.5 break-words text-muted-foreground text-sm sm:gap-2.5",
 				className,
 			)}
 			data-slot="breadcrumb-list"
@@ -42,7 +42,7 @@ function BreadcrumbLink({
 
 	return (
 		<Comp
-			className={cn("hover:text-foreground transition-colors", className)}
+			className={cn("transition-colors hover:text-foreground", className)}
 			data-slot="breadcrumb-link"
 			{...props}
 		/>
@@ -55,7 +55,7 @@ function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">) {
 		<span
 			aria-current="page"
 			aria-disabled="true"
-			className={cn("text-foreground font-normal", className)}
+			className={cn("font-normal text-foreground", className)}
 			data-slot="breadcrumb-page"
 			role="link"
 			{...props}
diff --git a/apps/infoalloggi/src/components/ui/calendar.tsx b/apps/infoalloggi/src/components/ui/calendar.tsx
index df076c9..89ce131 100644
--- a/apps/infoalloggi/src/components/ui/calendar.tsx
+++ b/apps/infoalloggi/src/components/ui/calendar.tsx
@@ -405,7 +405,7 @@ function CaptionLabel({
 	if (!showYearSwitcher) return <span {...props}>{children}</span>;
 	return (
 		<Button
-			className="h-7 w-full truncate text-sm font-medium"
+			className="h-7 w-full truncate font-medium text-sm"
 			onClick={() => setNavView((prev) => (prev === "days" ? "years" : "days"))}
 			size="sm"
 			variant="ghost"
@@ -496,9 +496,9 @@ function YearGrid({
 					return (
 						<Button
 							className={cn(
-								"text-foreground h-7 w-full text-sm font-normal",
+								"h-7 w-full font-normal text-foreground text-sm",
 								displayYears.from + i === new Date().getFullYear() &&
-									"bg-accent text-accent-foreground font-medium",
+									"bg-accent font-medium text-accent-foreground",
 							)}
 							disabled={navView === "years" ? isDisabled : undefined}
 							key={i}
diff --git a/apps/infoalloggi/src/components/ui/card.tsx b/apps/infoalloggi/src/components/ui/card.tsx
index ed98b20..baa7af0 100644
--- a/apps/infoalloggi/src/components/ui/card.tsx
+++ b/apps/infoalloggi/src/components/ui/card.tsx
@@ -6,7 +6,7 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {
 	return (
 		<div
 			className={cn(
-				"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+				"flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm",
 				className,
 			)}
 			data-slot="card"
@@ -31,7 +31,7 @@ function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
 function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
 	return (
 		<div
-			className={cn("leading-none font-semibold", className)}
+			className={cn("font-semibold leading-none", className)}
 			data-slot="card-title"
 			{...props}
 		/>
diff --git a/apps/infoalloggi/src/components/ui/carousel.tsx b/apps/infoalloggi/src/components/ui/carousel.tsx
index ad74ef3..22e813d 100644
--- a/apps/infoalloggi/src/components/ui/carousel.tsx
+++ b/apps/infoalloggi/src/components/ui/carousel.tsx
@@ -183,8 +183,8 @@ function CarouselPrevious({
 			className={cn(
 				"absolute size-8 rounded-full",
 				orientation === "horizontal"
-					? "top-1/2 -left-12 -translate-y-1/2"
-					: "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+					? "-left-12 -translate-y-1/2 top-1/2"
+					: "-top-12 -translate-x-1/2 left-1/2 rotate-90",
 				className,
 			)}
 			data-slot="carousel-previous"
@@ -213,8 +213,8 @@ function CarouselNext({
 			className={cn(
 				"absolute size-8 rounded-full",
 				orientation === "horizontal"
-					? "top-1/2 -right-12 -translate-y-1/2"
-					: "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+					? "-right-12 -translate-y-1/2 top-1/2"
+					: "-bottom-12 -translate-x-1/2 left-1/2 rotate-90",
 				className,
 			)}
 			data-slot="carousel-next"
diff --git a/apps/infoalloggi/src/components/ui/chart.tsx b/apps/infoalloggi/src/components/ui/chart.tsx
index e12c623..11c0d15 100644
--- a/apps/infoalloggi/src/components/ui/chart.tsx
+++ b/apps/infoalloggi/src/components/ui/chart.tsx
@@ -53,7 +53,7 @@ function ChartContainer({
 		<ChartContext.Provider value={{ config }}>
 			<div
 				className={cn(
-					"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
+					"flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden",
 					className,
 				)}
 				data-chart={chartId}
@@ -173,7 +173,7 @@ function ChartTooltipContent({
 	return (
 		<div
 			className={cn(
-				"border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
+				"grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
 				className,
 			)}
 		>
@@ -187,7 +187,7 @@ function ChartTooltipContent({
 					return (
 						<div
 							className={cn(
-								"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
+								"flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
 								indicator === "dot" && "items-center",
 							)}
 							key={item.dataKey}
@@ -233,7 +233,7 @@ function ChartTooltipContent({
 											</span>
 										</div>
 										{item.value && (
-											<span className="text-foreground font-mono font-medium tabular-nums">
+											<span className="font-medium font-mono text-foreground tabular-nums">
 												{item.value.toLocaleString()}
 											</span>
 										)}
@@ -282,7 +282,7 @@ function ChartLegendContent({
 				return (
 					<div
 						className={cn(
-							"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3",
+							"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground",
 						)}
 						key={item.value}
 					>
diff --git a/apps/infoalloggi/src/components/ui/checkbox.tsx b/apps/infoalloggi/src/components/ui/checkbox.tsx
index 4df79a4..d2d6ce3 100644
--- a/apps/infoalloggi/src/components/ui/checkbox.tsx
+++ b/apps/infoalloggi/src/components/ui/checkbox.tsx
@@ -11,7 +11,7 @@ function Checkbox({
 	return (
 		<CheckboxPrimitive.Root
 			className={cn(
-				"peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs outline-hidden transition-shadow focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+				"peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs outline-hidden transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary dark:aria-invalid:ring-destructive/40",
 				className,
 			)}
 			data-slot="checkbox"
diff --git a/apps/infoalloggi/src/components/ui/command.tsx b/apps/infoalloggi/src/components/ui/command.tsx
index 800d092..57b1579 100644
--- a/apps/infoalloggi/src/components/ui/command.tsx
+++ b/apps/infoalloggi/src/components/ui/command.tsx
@@ -17,7 +17,7 @@ function Command({
 	return (
 		<CommandPrimitive
 			className={cn(
-				"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+				"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
 				className,
 			)}
 			data-slot="command"
@@ -49,7 +49,7 @@ function CommandDialog({
 				className={cn("overflow-hidden p-0", className)}
 				showCloseButton={showCloseButton}
 			>
-				<Command className="[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+				<Command className="**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
 					{children}
 				</Command>
 			</DialogContent>
@@ -69,7 +69,7 @@ function CommandInput({
 			<SearchIcon className="size-4 shrink-0 opacity-50" />
 			<CommandPrimitive.Input
 				className={cn(
-					"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+					"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
 					className,
 				)}
 				data-slot="command-input"
@@ -86,7 +86,7 @@ function CommandList({
 	return (
 		<CommandPrimitive.List
 			className={cn(
-				"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+				"max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden",
 				className,
 			)}
 			data-slot="command-list"
@@ -114,7 +114,7 @@ function CommandGroup({
 	return (
 		<CommandPrimitive.Group
 			className={cn(
-				"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+				"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs",
 				className,
 			)}
 			data-slot="command-group"
@@ -129,7 +129,7 @@ function CommandSeparator({
 }: React.ComponentProps<typeof CommandPrimitive.Separator>) {
 	return (
 		<CommandPrimitive.Separator
-			className={cn("bg-border -mx-1 h-px", className)}
+			className={cn("-mx-1 h-px bg-border", className)}
 			data-slot="command-separator"
 			{...props}
 		/>
@@ -143,7 +143,7 @@ function CommandItem({
 	return (
 		<CommandPrimitive.Item
 			className={cn(
-				"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-slot="command-item"
@@ -159,7 +159,7 @@ function CommandShortcut({
 	return (
 		<span
 			className={cn(
-				"text-muted-foreground ml-auto text-xs tracking-widest",
+				"ml-auto text-muted-foreground text-xs tracking-widest",
 				className,
 			)}
 			data-slot="command-shortcut"
diff --git a/apps/infoalloggi/src/components/ui/context-menu.tsx b/apps/infoalloggi/src/components/ui/context-menu.tsx
index 18fc182..6e264f0 100644
--- a/apps/infoalloggi/src/components/ui/context-menu.tsx
+++ b/apps/infoalloggi/src/components/ui/context-menu.tsx
@@ -62,7 +62,7 @@ function ContextMenuSubTrigger({
 	return (
 		<ContextMenuPrimitive.SubTrigger
 			className={cn(
-				"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[inset]:pl-8 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-inset={inset}
@@ -82,7 +82,7 @@ function ContextMenuSubContent({
 	return (
 		<ContextMenuPrimitive.SubContent
 			className={cn(
-				"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+				"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",
 				className,
 			)}
 			data-slot="context-menu-sub-content"
@@ -99,7 +99,7 @@ function ContextMenuContent({
 		<ContextMenuPrimitive.Portal>
 			<ContextMenuPrimitive.Content
 				className={cn(
-					"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+					"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
 					className,
 				)}
 				data-slot="context-menu-content"
@@ -121,7 +121,7 @@ function ContextMenuItem({
 	return (
 		<ContextMenuPrimitive.Item
 			className={cn(
-				"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				"data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-inset={inset}
@@ -142,7 +142,7 @@ function ContextMenuCheckboxItem({
 		<ContextMenuPrimitive.CheckboxItem
 			checked={checked}
 			className={cn(
-				"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-slot="context-menu-checkbox-item"
@@ -166,7 +166,7 @@ function ContextMenuRadioItem({
 	return (
 		<ContextMenuPrimitive.RadioItem
 			className={cn(
-				"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-slot="context-menu-radio-item"
@@ -192,7 +192,7 @@ function ContextMenuLabel({
 	return (
 		<ContextMenuPrimitive.Label
 			className={cn(
-				"text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+				"px-2 py-1.5 font-medium text-foreground text-sm data-[inset]:pl-8",
 				className,
 			)}
 			data-inset={inset}
@@ -208,7 +208,7 @@ function ContextMenuSeparator({
 }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {
 	return (
 		<ContextMenuPrimitive.Separator
-			className={cn("bg-border -mx-1 my-1 h-px", className)}
+			className={cn("-mx-1 my-1 h-px bg-border", className)}
 			data-slot="context-menu-separator"
 			{...props}
 		/>
@@ -222,7 +222,7 @@ function ContextMenuShortcut({
 	return (
 		<span
 			className={cn(
-				"text-muted-foreground ml-auto text-xs tracking-widest",
+				"ml-auto text-muted-foreground text-xs tracking-widest",
 				className,
 			)}
 			data-slot="context-menu-shortcut"
diff --git a/apps/infoalloggi/src/components/ui/dialog.tsx b/apps/infoalloggi/src/components/ui/dialog.tsx
index 913f3ed..9bbd24e 100644
--- a/apps/infoalloggi/src/components/ui/dialog.tsx
+++ b/apps/infoalloggi/src/components/ui/dialog.tsx
@@ -35,7 +35,7 @@ function DialogOverlay({
 	return (
 		<DialogPrimitive.Overlay
 			className={cn(
-				"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+				"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",
 				className,
 			)}
 			data-slot="dialog-overlay"
@@ -57,7 +57,7 @@ function DialogContent({
 			<DialogOverlay />
 			<DialogPrimitive.Content
 				className={cn(
-					"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+					"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg",
 					className,
 				)}
 				data-slot="dialog-content"
@@ -66,7 +66,7 @@ function DialogContent({
 				{children}
 				{showCloseButton && (
 					<DialogPrimitive.Close
-						className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+						className="absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0"
 						data-slot="dialog-close"
 					>
 						<XIcon />
@@ -107,7 +107,7 @@ function DialogTitle({
 }: React.ComponentProps<typeof DialogPrimitive.Title>) {
 	return (
 		<DialogPrimitive.Title
-			className={cn("text-lg leading-none font-semibold", className)}
+			className={cn("font-semibold text-lg leading-none", className)}
 			data-slot="dialog-title"
 			{...props}
 		/>
diff --git a/apps/infoalloggi/src/components/ui/drawer.tsx b/apps/infoalloggi/src/components/ui/drawer.tsx
index 5deaa20..2ffa506 100644
--- a/apps/infoalloggi/src/components/ui/drawer.tsx
+++ b/apps/infoalloggi/src/components/ui/drawer.tsx
@@ -54,7 +54,7 @@ function DrawerOverlay({
 	return (
 		<DrawerPrimitive.Overlay
 			className={cn(
-				"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+				"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",
 				className,
 			)}
 			data-slot="drawer-overlay"
@@ -73,7 +73,7 @@ function DrawerContent({
 			<DrawerOverlay />
 			<DrawerPrimitive.Content
 				className={cn(
-					"group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
+					"group/drawer-content fixed z-50 flex h-auto flex-col bg-background",
 					"data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
 					"data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
 					"data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
@@ -83,7 +83,7 @@ function DrawerContent({
 				data-slot="drawer-content"
 				{...props}
 			>
-				<div className="bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" />
+				<div className="mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" />
 				{children}
 			</DrawerPrimitive.Content>
 		</DrawerPortal>
@@ -119,7 +119,7 @@ function DrawerTitle({
 }: React.ComponentProps<typeof DrawerPrimitive.Title>) {
 	return (
 		<DrawerPrimitive.Title
-			className={cn("text-foreground font-semibold", className)}
+			className={cn("font-semibold text-foreground", className)}
 			data-slot="drawer-title"
 			{...props}
 		/>
diff --git a/apps/infoalloggi/src/components/ui/dropdown-menu.tsx b/apps/infoalloggi/src/components/ui/dropdown-menu.tsx
index e105af2..422cc6f 100644
--- a/apps/infoalloggi/src/components/ui/dropdown-menu.tsx
+++ b/apps/infoalloggi/src/components/ui/dropdown-menu.tsx
@@ -38,7 +38,7 @@ function DropdownMenuContent({
 		<DropdownMenuPrimitive.Portal>
 			<DropdownMenuPrimitive.Content
 				className={cn(
-					"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+					"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
 					className,
 				)}
 				data-slot="dropdown-menu-content"
@@ -69,7 +69,7 @@ function DropdownMenuItem({
 	return (
 		<DropdownMenuPrimitive.Item
 			className={cn(
-				"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				"data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-inset={inset}
@@ -90,7 +90,7 @@ function DropdownMenuCheckboxItem({
 		<DropdownMenuPrimitive.CheckboxItem
 			checked={checked}
 			className={cn(
-				"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-slot="dropdown-menu-checkbox-item"
@@ -125,7 +125,7 @@ function DropdownMenuRadioItem({
 	return (
 		<DropdownMenuPrimitive.RadioItem
 			className={cn(
-				"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-slot="dropdown-menu-radio-item"
@@ -151,7 +151,7 @@ function DropdownMenuLabel({
 	return (
 		<DropdownMenuPrimitive.Label
 			className={cn(
-				"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+				"px-2 py-1.5 font-medium text-sm data-[inset]:pl-8",
 				className,
 			)}
 			data-inset={inset}
@@ -167,7 +167,7 @@ function DropdownMenuSeparator({
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
 	return (
 		<DropdownMenuPrimitive.Separator
-			className={cn("bg-border -mx-1 my-1 h-px", className)}
+			className={cn("-mx-1 my-1 h-px bg-border", className)}
 			data-slot="dropdown-menu-separator"
 			{...props}
 		/>
@@ -181,7 +181,7 @@ function DropdownMenuShortcut({
 	return (
 		<span
 			className={cn(
-				"text-muted-foreground ml-auto text-xs tracking-widest",
+				"ml-auto text-muted-foreground text-xs tracking-widest",
 				className,
 			)}
 			data-slot="dropdown-menu-shortcut"
@@ -207,7 +207,7 @@ function DropdownMenuSubTrigger({
 	return (
 		<DropdownMenuPrimitive.SubTrigger
 			className={cn(
-				"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
+				"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[inset]:pl-8 data-[state=open]:text-accent-foreground",
 				className,
 			)}
 			data-inset={inset}
@@ -227,7 +227,7 @@ function DropdownMenuSubContent({
 	return (
 		<DropdownMenuPrimitive.SubContent
 			className={cn(
-				"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+				"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",
 				className,
 			)}
 			data-slot="dropdown-menu-sub-content"
diff --git a/apps/infoalloggi/src/components/ui/input.tsx b/apps/infoalloggi/src/components/ui/input.tsx
index edec33c..f880f59 100644
--- a/apps/infoalloggi/src/components/ui/input.tsx
+++ b/apps/infoalloggi/src/components/ui/input.tsx
@@ -6,9 +6,9 @@ function Input({ className, type, ...props }: React.ComponentProps<"input">) {
 	return (
 		<input
 			className={cn(
-				"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs outline-hidden transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-				"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-				"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+				"flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs outline-hidden transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
+				"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+				"aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
 				className,
 			)}
 			data-slot="input"
diff --git a/apps/infoalloggi/src/components/ui/label.tsx b/apps/infoalloggi/src/components/ui/label.tsx
index 823a181..aa28442 100644
--- a/apps/infoalloggi/src/components/ui/label.tsx
+++ b/apps/infoalloggi/src/components/ui/label.tsx
@@ -10,7 +10,7 @@ function Label({
 	return (
 		<LabelPrimitive.Root
 			className={cn(
-				"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+				"flex select-none items-center gap-2 font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",
 				className,
 			)}
 			data-slot="label"
diff --git a/apps/infoalloggi/src/components/ui/popover.tsx b/apps/infoalloggi/src/components/ui/popover.tsx
index ebaad19..ed45a06 100644
--- a/apps/infoalloggi/src/components/ui/popover.tsx
+++ b/apps/infoalloggi/src/components/ui/popover.tsx
@@ -28,7 +28,7 @@ function PopoverContent({
 			<PopoverPrimitive.Content
 				align={align}
 				className={cn(
-					"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+					"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in",
 					className,
 				)}
 				data-slot="popover-content"
diff --git a/apps/infoalloggi/src/components/ui/progress.tsx b/apps/infoalloggi/src/components/ui/progress.tsx
index 4c63297..c89bda0 100644
--- a/apps/infoalloggi/src/components/ui/progress.tsx
+++ b/apps/infoalloggi/src/components/ui/progress.tsx
@@ -11,14 +11,14 @@ function Progress({
 	return (
 		<ProgressPrimitive.Root
 			className={cn(
-				"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
+				"relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
 				className,
 			)}
 			data-slot="progress"
 			{...props}
 		>
 			<ProgressPrimitive.Indicator
-				className="bg-primary h-full w-full flex-1 transition-all"
+				className="h-full w-full flex-1 bg-primary transition-all"
 				data-slot="progress-indicator"
 				style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
 			/>
diff --git a/apps/infoalloggi/src/components/ui/scroll-area.tsx b/apps/infoalloggi/src/components/ui/scroll-area.tsx
index 1e603ca..888dfb2 100644
--- a/apps/infoalloggi/src/components/ui/scroll-area.tsx
+++ b/apps/infoalloggi/src/components/ui/scroll-area.tsx
@@ -15,7 +15,7 @@ function ScrollArea({
 			{...props}
 		>
 			<ScrollAreaPrimitive.Viewport
-				className="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+				className="size-full rounded-[inherit] outline-none transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring/50"
 				data-slot="scroll-area-viewport"
 			>
 				{children}
@@ -34,7 +34,7 @@ function ScrollBar({
 	return (
 		<ScrollAreaPrimitive.ScrollAreaScrollbar
 			className={cn(
-				"flex touch-none p-px transition-colors select-none",
+				"flex touch-none select-none p-px transition-colors",
 				orientation === "vertical" &&
 					"h-full w-2.5 border-l border-l-transparent",
 				orientation === "horizontal" &&
@@ -46,7 +46,7 @@ function ScrollBar({
 			{...props}
 		>
 			<ScrollAreaPrimitive.ScrollAreaThumb
-				className="bg-border relative flex-1 rounded-full"
+				className="relative flex-1 rounded-full bg-border"
 				data-slot="scroll-area-thumb"
 			/>
 		</ScrollAreaPrimitive.ScrollAreaScrollbar>
diff --git a/apps/infoalloggi/src/components/ui/select.tsx b/apps/infoalloggi/src/components/ui/select.tsx
index bf624f5..5c30cc4 100644
--- a/apps/infoalloggi/src/components/ui/select.tsx
+++ b/apps/infoalloggi/src/components/ui/select.tsx
@@ -35,7 +35,7 @@ function SelectTrigger({
 	return (
 		<SelectPrimitive.Trigger
 			className={cn(
-				"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				"flex w-fit items-center justify-between gap-2 whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs outline-hidden transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[size=default]:h-9 data-[size=sm]:h-8 data-[placeholder]:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:hover:bg-input/50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-size={size}
@@ -60,9 +60,9 @@ function SelectContent({
 		<SelectPrimitive.Portal>
 			<SelectPrimitive.Content
 				className={cn(
-					"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+					"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
 					position === "popper" &&
-						"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+						"data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1",
 					className,
 				)}
 				data-slot="select-content"
@@ -91,7 +91,7 @@ function SelectLabel({
 }: React.ComponentProps<typeof SelectPrimitive.Label>) {
 	return (
 		<SelectPrimitive.Label
-			className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
+			className={cn("px-2 py-1.5 text-muted-foreground text-xs", className)}
 			data-slot="select-label"
 			{...props}
 		/>
@@ -106,7 +106,7 @@ function SelectItem({
 	return (
 		<SelectPrimitive.Item
 			className={cn(
-				"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+				"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
 				className,
 			)}
 			data-slot="select-item"
@@ -128,7 +128,7 @@ function SelectSeparator({
 }: React.ComponentProps<typeof SelectPrimitive.Separator>) {
 	return (
 		<SelectPrimitive.Separator
-			className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)}
+			className={cn("-mx-1 pointer-events-none my-1 h-px bg-border", className)}
 			data-slot="select-separator"
 			{...props}
 		/>
diff --git a/apps/infoalloggi/src/components/ui/separator.tsx b/apps/infoalloggi/src/components/ui/separator.tsx
index 56d2865..d44cf51 100644
--- a/apps/infoalloggi/src/components/ui/separator.tsx
+++ b/apps/infoalloggi/src/components/ui/separator.tsx
@@ -12,7 +12,7 @@ function Separator({
 	return (
 		<SeparatorPrimitive.Root
 			className={cn(
-				"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+				"shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px",
 				className,
 			)}
 			data-slot="separator"
diff --git a/apps/infoalloggi/src/components/ui/sheet.tsx b/apps/infoalloggi/src/components/ui/sheet.tsx
index f0a51d9..116366a 100644
--- a/apps/infoalloggi/src/components/ui/sheet.tsx
+++ b/apps/infoalloggi/src/components/ui/sheet.tsx
@@ -35,7 +35,7 @@ function SheetOverlay({
 	return (
 		<SheetPrimitive.Overlay
 			className={cn(
-				"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+				"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",
 				className,
 			)}
 			data-slot="sheet-overlay"
@@ -57,7 +57,7 @@ function SheetContent({
 			<SheetOverlay />
 			<SheetPrimitive.Content
 				className={cn(
-					"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+					"fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:duration-300 data-[state=open]:duration-500",
 					side === "right" &&
 						"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
 					side === "left" &&
@@ -72,7 +72,7 @@ function SheetContent({
 				{...props}
 			>
 				{children}
-				<SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
+				<SheetPrimitive.Close className="absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
 					<XIcon className="size-4" />
 					<span className="sr-only">Close</span>
 				</SheetPrimitive.Close>
@@ -107,7 +107,7 @@ function SheetTitle({
 }: React.ComponentProps<typeof SheetPrimitive.Title>) {
 	return (
 		<SheetPrimitive.Title
-			className={cn("text-foreground font-semibold", className)}
+			className={cn("font-semibold text-foreground", className)}
 			data-slot="sheet-title"
 			{...props}
 		/>
diff --git a/apps/infoalloggi/src/components/ui/skeleton.tsx b/apps/infoalloggi/src/components/ui/skeleton.tsx
index 1e8b240..3d50092 100644
--- a/apps/infoalloggi/src/components/ui/skeleton.tsx
+++ b/apps/infoalloggi/src/components/ui/skeleton.tsx
@@ -3,7 +3,7 @@ import { cn } from "~/lib/utils";
 function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
 	return (
 		<div
-			className={cn("bg-accent animate-pulse rounded-md", className)}
+			className={cn("animate-pulse rounded-md bg-accent", className)}
 			data-slot="skeleton"
 			{...props}
 		/>
diff --git a/apps/infoalloggi/src/components/ui/slider.tsx b/apps/infoalloggi/src/components/ui/slider.tsx
index 4d3bc46..c337ea5 100644
--- a/apps/infoalloggi/src/components/ui/slider.tsx
+++ b/apps/infoalloggi/src/components/ui/slider.tsx
@@ -27,7 +27,7 @@ function Slider({
 	return (
 		<SliderPrimitive.Root
 			className={cn(
-				"relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+				"relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50",
 				className,
 			)}
 			data-slot="slider"
@@ -39,13 +39,13 @@ function Slider({
 		>
 			<SliderPrimitive.Track
 				className={cn(
-					"bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5",
+					"relative grow overflow-hidden rounded-full bg-muted data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1.5",
 				)}
 				data-slot="slider-track"
 			>
 				<SliderPrimitive.Range
 					className={cn(
-						"bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",
+						"absolute bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",
 						rangeClassName,
 					)}
 					data-slot="slider-range"
@@ -54,7 +54,7 @@ function Slider({
 			{Array.from({ length: _values.length }, (_, index) => (
 				<SliderPrimitive.Thumb
 					className={cn(
-						"border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
+						"block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm ring-ring/50 transition-[color,box-shadow] hover:ring-4 focus-visible:outline-hidden focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50",
 						thumbClassName,
 					)}
 					data-slot="slider-thumb"
diff --git a/apps/infoalloggi/src/components/ui/switch.tsx b/apps/infoalloggi/src/components/ui/switch.tsx
index e531b7e..1928f34 100644
--- a/apps/infoalloggi/src/components/ui/switch.tsx
+++ b/apps/infoalloggi/src/components/ui/switch.tsx
@@ -12,7 +12,7 @@ function Switch({
 	return (
 		<SwitchPrimitive.Root
 			className={cn(
-				"peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-6 w-11 shrink-0 items-center rounded-full border border-transparent shadow-xs outline-hidden transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+				"peer inline-flex h-6 w-11 shrink-0 items-center rounded-full border border-transparent shadow-xs outline-hidden transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80",
 				className,
 			)}
 			data-slot="switch"
@@ -20,7 +20,7 @@ function Switch({
 		>
 			<SwitchPrimitive.Thumb
 				className={cn(
-					"bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-5 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0",
+					"pointer-events-none block size-5 rounded-full bg-background ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground",
 				)}
 				data-slot="switch-thumb"
 			/>
diff --git a/apps/infoalloggi/src/components/ui/table.tsx b/apps/infoalloggi/src/components/ui/table.tsx
index 993a2ec..c700d09 100644
--- a/apps/infoalloggi/src/components/ui/table.tsx
+++ b/apps/infoalloggi/src/components/ui/table.tsx
@@ -41,7 +41,7 @@ function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
 	return (
 		<tfoot
 			className={cn(
-				"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+				"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
 				className,
 			)}
 			data-slot="table-footer"
@@ -54,7 +54,7 @@ function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
 	return (
 		<tr
 			className={cn(
-				"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+				"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
 				className,
 			)}
 			data-slot="table-row"
@@ -67,7 +67,7 @@ function TableHead({ className, ...props }: React.ComponentProps<"th">) {
 	return (
 		<th
 			className={cn(
-				"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+				"h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
 				className,
 			)}
 			data-slot="table-head"
@@ -80,7 +80,7 @@ function TableCell({ className, ...props }: React.ComponentProps<"td">) {
 	return (
 		<td
 			className={cn(
-				"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+				"whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
 				className,
 			)}
 			data-slot="table-cell"
@@ -95,7 +95,7 @@ function TableCaption({
 }: React.ComponentProps<"caption">) {
 	return (
 		<caption
-			className={cn("text-muted-foreground mt-4 text-sm", className)}
+			className={cn("mt-4 text-muted-foreground text-sm", className)}
 			data-slot="table-caption"
 			{...props}
 		/>
diff --git a/apps/infoalloggi/src/components/ui/tabs.tsx b/apps/infoalloggi/src/components/ui/tabs.tsx
index 1705ef4..ec1a910 100644
--- a/apps/infoalloggi/src/components/ui/tabs.tsx
+++ b/apps/infoalloggi/src/components/ui/tabs.tsx
@@ -25,7 +25,7 @@ function TabsList({
 	return (
 		<TabsPrimitive.List
 			className={cn(
-				"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+				"inline-flex h-9 w-fit items-center justify-center rounded-lg bg-muted p-[3px] text-muted-foreground",
 				className,
 			)}
 			data-slot="tabs-list"
@@ -41,7 +41,7 @@ function TabsTrigger({
 	return (
 		<TabsPrimitive.Trigger
 			className={cn(
-				"data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				"inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-2 py-1 font-medium text-foreground text-sm transition-[color,box-shadow] focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:shadow-sm dark:text-muted-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				className,
 			)}
 			data-slot="tabs-trigger"
diff --git a/apps/infoalloggi/src/components/ui/textarea.tsx b/apps/infoalloggi/src/components/ui/textarea.tsx
index a80a6c3..3497641 100644
--- a/apps/infoalloggi/src/components/ui/textarea.tsx
+++ b/apps/infoalloggi/src/components/ui/textarea.tsx
@@ -6,7 +6,7 @@ function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
 	return (
 		<textarea
 			className={cn(
-				"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+				"field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs outline-hidden transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
 				className,
 			)}
 			data-slot="textarea"
diff --git a/apps/infoalloggi/src/components/ui/tooltip.tsx b/apps/infoalloggi/src/components/ui/tooltip.tsx
index ac56438..718d5a5 100644
--- a/apps/infoalloggi/src/components/ui/tooltip.tsx
+++ b/apps/infoalloggi/src/components/ui/tooltip.tsx
@@ -44,7 +44,7 @@ function TooltipContent({
 		<TooltipPrimitive.Portal>
 			<TooltipPrimitive.Content
 				className={cn(
-					"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+					"fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in text-balance rounded-md bg-primary px-3 py-1.5 text-primary-foreground text-xs data-[state=closed]:animate-out",
 					className,
 				)}
 				data-slot="tooltip-content"
@@ -52,7 +52,7 @@ function TooltipContent({
 				{...props}
 			>
 				{children}
-				<TooltipPrimitive.Arrow className="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
+				<TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" />
 			</TooltipPrimitive.Content>
 		</TooltipPrimitive.Portal>
 	);
diff --git a/apps/infoalloggi/src/components/upload_modal.tsx b/apps/infoalloggi/src/components/upload_modal.tsx
index 60bd6eb..9312f39 100644
--- a/apps/infoalloggi/src/components/upload_modal.tsx
+++ b/apps/infoalloggi/src/components/upload_modal.tsx
@@ -50,7 +50,7 @@ export const UploadModal = ({
 			</CredenzaTrigger>
 			<CredenzaContent className="max-h-[90vh]">
 				<CredenzaHeader>
-					<CredenzaTitle className="text-center text-2xl font-semibold">
+					<CredenzaTitle className="text-center font-semibold text-2xl">
 						{t.allegati.carica_nuovi}
 					</CredenzaTitle>
 					<CredenzaDescription className="sr-only">
@@ -233,9 +233,9 @@ export const UploadComponent = ({
 			<FileUploadDropzone>
 				<div className="flex flex-col items-center gap-1">
 					<div className="flex items-center justify-center rounded-full border p-2.5">
-						<UploadIcon className="text-muted-foreground size-6" />
+						<UploadIcon className="size-6 text-muted-foreground" />
 					</div>
-					<p className="text-sm font-medium">{t.allegati.drag_drop}</p>
+					<p className="font-medium text-sm">{t.allegati.drag_drop}</p>
 					<p className="text-muted-foreground text-xs">{t.allegati.oppure}</p>
 				</div>
 				<FileUploadTrigger asChild>
diff --git a/apps/infoalloggi/src/components/videoPlayer.tsx b/apps/infoalloggi/src/components/videoPlayer.tsx
index 3e6376f..b4c445a 100644
--- a/apps/infoalloggi/src/components/videoPlayer.tsx
+++ b/apps/infoalloggi/src/components/videoPlayer.tsx
@@ -66,7 +66,7 @@ export function VideoPlayer({
 						/>
 						<div className="absolute inset-0 flex items-center justify-center bg-black/20">
 							<motion.div
-								className="bg-primary/90 text-primary-foreground flex size-16 items-center justify-center rounded-full shadow-lg"
+								className="flex size-16 items-center justify-center rounded-full bg-primary/90 text-primary-foreground shadow-lg"
 								whileHover={{ scale: 1.1 }}
 								whileTap={{ scale: 0.95 }}
 							>
@@ -75,7 +75,7 @@ export function VideoPlayer({
 						</div>
 						{title && (
 							<div className="absolute right-0 bottom-0 left-0 bg-gradient-to-t from-black/80 to-transparent p-4">
-								<h3 className="text-lg font-medium text-white">{title}</h3>
+								<h3 className="font-medium text-lg text-white">{title}</h3>
 							</div>
 						)}
 					</motion.div>
diff --git a/apps/infoalloggi/src/forms/FormChangePassword.tsx b/apps/infoalloggi/src/forms/FormChangePassword.tsx
index f0b5497..c8f88b2 100644
--- a/apps/infoalloggi/src/forms/FormChangePassword.tsx
+++ b/apps/infoalloggi/src/forms/FormChangePassword.tsx
@@ -132,7 +132,7 @@ export const ChangePasswordForm = () => {
 										aria-controls="password"
 										aria-label={isVisible ? "Hide password" : "Show password"}
 										aria-pressed={isVisible}
-										className="text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:text-foreground focus-visible:ring-ring/30 absolute end-0 top-1 flex size-9 items-center justify-center rounded-e-lg transition-shadow focus-visible:border focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
+										className="absolute end-0 top-1 flex size-9 items-center justify-center rounded-e-lg text-muted-foreground/80 transition-shadow hover:text-foreground focus-visible:border focus-visible:border-ring focus-visible:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
 										onClick={toggleVisibility}
 										type="button"
 									>
@@ -147,7 +147,7 @@ export const ChangePasswordForm = () => {
 										aria-valuemax={4}
 										aria-valuemin={0}
 										aria-valuenow={strengthScore}
-										className="bg-border mt-3 mb-4 h-1 w-full overflow-hidden rounded-full"
+										className="mt-3 mb-4 h-1 w-full overflow-hidden rounded-full bg-border"
 										role="progressbar"
 									>
 										<div
diff --git a/apps/infoalloggi/src/forms/FormContattoAnnuncio.tsx b/apps/infoalloggi/src/forms/FormContattoAnnuncio.tsx
index 9e5e690..7b0702b 100644
--- a/apps/infoalloggi/src/forms/FormContattoAnnuncio.tsx
+++ b/apps/infoalloggi/src/forms/FormContattoAnnuncio.tsx
@@ -95,7 +95,7 @@ export const FormContattoAnnucio = ({ codice }: { codice: string }) => {
 				<div className="flex h-full w-full items-center justify-center pt-14">
 					<div className="mx-auto max-w-lg space-y-3 text-center">
 						<CheckCircle className="mx-auto size-20 text-green-600" />
-						<h3 className="text-accent-foreground text-4xl font-semibold sm:text-5xl">
+						<h3 className="font-semibold text-4xl text-accent-foreground sm:text-5xl">
 							Successo
 						</h3>
 						<p className="text-neutral-600">Email inviata correttamente</p>
diff --git a/apps/infoalloggi/src/forms/FormEditAnnuncio.tsx b/apps/infoalloggi/src/forms/FormEditAnnuncio.tsx
index 2d7d2e9..e8cde8f 100644
--- a/apps/infoalloggi/src/forms/FormEditAnnuncio.tsx
+++ b/apps/infoalloggi/src/forms/FormEditAnnuncio.tsx
@@ -196,7 +196,7 @@ export const AnnuncioEditForm = ({ data }: { data: Annunci }) => {
 				>
 					<div className="mx-auto grid w-full max-w-7xl flex-1 auto-rows-max gap-4">
 						<div className="flex flex-wrap items-center gap-2">
-							<h1 className="text-2xl font-semibold tracking-tight whitespace-nowrap">
+							<h1 className="whitespace-nowrap font-semibold text-2xl tracking-tight">
 								Annuncio {data.codice}
 							</h1>
 							<StatusBadge status={data.stato} />
@@ -993,7 +993,7 @@ export const AnnuncioEditForm = ({ data }: { data: Annunci }) => {
 																	className={cn(
 																		"h-[42px] w-full pl-3 text-left font-medium",
 																		!field.value && "text-muted-foreground",
-																		`text-primary dark:bg-primary rounded-lg border border-neutral-300 bg-white shadow-xs outline-hidden file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-neutral-400 focus:border-neutral-400 disabled:cursor-not-allowed disabled:opacity-50 aria-expanded:border-neutral-400 dark:border-neutral-500 dark:text-white dark:placeholder:text-neutral-400 dark:hover:border-neutral-400 dark:focus:border-transparent dark:aria-expanded:border-neutral-400`,
+																		`rounded-lg border border-neutral-300 bg-white text-primary shadow-xs outline-hidden file:border-0 file:bg-transparent file:font-medium file:text-sm hover:border-neutral-400 focus:border-neutral-400 disabled:cursor-not-allowed disabled:opacity-50 aria-expanded:border-neutral-400 dark:border-neutral-500 dark:bg-primary dark:text-white dark:aria-expanded:border-neutral-400 dark:focus:border-transparent dark:hover:border-neutral-400 dark:placeholder:text-neutral-400`,
 																	)}
 																	id="disponibile_da"
 																	variant={"outline"}
@@ -1260,7 +1260,7 @@ export const AnnuncioEditForm = ({ data }: { data: Annunci }) => {
 													</FormLabel>
 													{field.value !== null && field.value !== 0 && (
 														<Button
-															className="absolute -top-2 right-0 flex items-center gap-1"
+															className="-top-2 absolute right-0 flex items-center gap-1"
 															onClick={() => {
 																form.setValue("piano_palazzo", null);
 															}}
@@ -1306,7 +1306,7 @@ export const AnnuncioEditForm = ({ data }: { data: Annunci }) => {
 													</FormLabel>
 													{field.value !== null && field.value !== 0 && (
 														<Button
-															className="absolute -top-2 right-0 flex items-center gap-1"
+															className="-top-2 absolute right-0 flex items-center gap-1"
 															onClick={() => {
 																form.setValue("unita_condominio", null);
 															}}
@@ -1352,7 +1352,7 @@ export const AnnuncioEditForm = ({ data }: { data: Annunci }) => {
 													</FormLabel>
 													{field.value !== null && field.value !== 0 && (
 														<Button
-															className="absolute -top-2 right-0 flex items-center gap-1"
+															className="-top-2 absolute right-0 flex items-center gap-1"
 															onClick={() => {
 																form.setValue("numero_vani", null);
 															}}
@@ -1398,7 +1398,7 @@ export const AnnuncioEditForm = ({ data }: { data: Annunci }) => {
 													</FormLabel>
 													{field.value !== null && field.value !== 0 && (
 														<Button
-															className="absolute -top-2 right-0 flex items-center gap-1"
+															className="-top-2 absolute right-0 flex items-center gap-1"
 															onClick={() => {
 																form.setValue("numero_camere", null);
 															}}
@@ -1443,7 +1443,7 @@ export const AnnuncioEditForm = ({ data }: { data: Annunci }) => {
 													</FormLabel>
 													{field.value !== null && field.value !== 0 && (
 														<Button
-															className="absolute -top-2 right-0 flex items-center gap-1"
+															className="-top-2 absolute right-0 flex items-center gap-1"
 															onClick={() => {
 																form.setValue("numero_bagni", null);
 															}}
@@ -1488,7 +1488,7 @@ export const AnnuncioEditForm = ({ data }: { data: Annunci }) => {
 													</FormLabel>
 													{field.value !== null && field.value !== 0 && (
 														<Button
-															className="absolute -top-2 right-0 flex items-center gap-1"
+															className="-top-2 absolute right-0 flex items-center gap-1"
 															onClick={() => {
 																form.setValue("numero_balconi", null);
 															}}
@@ -1533,7 +1533,7 @@ export const AnnuncioEditForm = ({ data }: { data: Annunci }) => {
 													</FormLabel>
 													{field.value !== null && field.value !== 0 && (
 														<Button
-															className="absolute -top-2 right-0 flex items-center gap-1"
+															className="-top-2 absolute right-0 flex items-center gap-1"
 															onClick={() => {
 																form.setValue("numero_terrazzi", null);
 															}}
@@ -1578,7 +1578,7 @@ export const AnnuncioEditForm = ({ data }: { data: Annunci }) => {
 													</FormLabel>
 													{field.value !== null && field.value !== 0 && (
 														<Button
-															className="absolute -top-2 right-0 flex items-center gap-1"
+															className="-top-2 absolute right-0 flex items-center gap-1"
 															onClick={() => {
 																form.setValue("numero_box", null);
 															}}
@@ -1623,7 +1623,7 @@ export const AnnuncioEditForm = ({ data }: { data: Annunci }) => {
 													</FormLabel>
 													{field.value !== null && field.value !== 0 && (
 														<Button
-															className="absolute -top-2 right-0 flex items-center gap-1"
+															className="-top-2 absolute right-0 flex items-center gap-1"
 															onClick={() => {
 																form.setValue("numero_postiauto", null);
 															}}
diff --git a/apps/infoalloggi/src/forms/FormEditServizioAdmin.tsx b/apps/infoalloggi/src/forms/FormEditServizioAdmin.tsx
index 6dd256c..1247a4b 100644
--- a/apps/infoalloggi/src/forms/FormEditServizioAdmin.tsx
+++ b/apps/infoalloggi/src/forms/FormEditServizioAdmin.tsx
@@ -140,7 +140,7 @@ export const FormEditServizio = ({
 												className={cn(
 													"h-[42px] w-full pl-3 text-left font-medium",
 													!field.value && "text-muted-foreground",
-													`text-primary dark:bg-primary rounded-lg border border-neutral-300 bg-white shadow-xs outline-hidden file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-neutral-400 focus:border-neutral-400 disabled:cursor-not-allowed disabled:opacity-50 aria-expanded:border-neutral-400 dark:border-neutral-500 dark:text-white dark:placeholder:text-neutral-400 dark:hover:border-neutral-400 dark:focus:border-transparent dark:aria-expanded:border-neutral-400`,
+													`rounded-lg border border-neutral-300 bg-white text-primary shadow-xs outline-hidden file:border-0 file:bg-transparent file:font-medium file:text-sm hover:border-neutral-400 focus:border-neutral-400 disabled:cursor-not-allowed disabled:opacity-50 aria-expanded:border-neutral-400 dark:border-neutral-500 dark:bg-primary dark:text-white dark:aria-expanded:border-neutral-400 dark:focus:border-transparent dark:hover:border-neutral-400 dark:placeholder:text-neutral-400`,
 												)}
 												id="decorrenza"
 												variant={"outline"}
diff --git a/apps/infoalloggi/src/forms/FormLogin.tsx b/apps/infoalloggi/src/forms/FormLogin.tsx
index d669d5a..abee7cc 100644
--- a/apps/infoalloggi/src/forms/FormLogin.tsx
+++ b/apps/infoalloggi/src/forms/FormLogin.tsx
@@ -70,7 +70,7 @@ export const FormLogin = () => {
 		<>
 			<div className="text-center">
 				<div className="my-8 space-y-5">
-					<h3 className="text-3xl font-bold text-gray-800 sm:text-3xl">
+					<h3 className="font-bold text-3xl text-gray-800 sm:text-3xl">
 						{t.auth.login.titolo}
 					</h3>
 					<h3 className="text-xl">{t.auth.login.sottotitolo}</h3>
@@ -189,7 +189,7 @@ export const FormLogin = () => {
 				</Form>
 
 				<br />
-				<div className="px-2 pt-2 text-left text-sm text-gray-500">
+				<div className="px-2 pt-2 text-left text-gray-500 text-sm">
 					<span>{t.auth.login.psa_1}</span>
 					<Link
 						className="text-indigo-600 underline hover:text-indigo-500"
diff --git a/apps/infoalloggi/src/forms/FormNewPswReset.tsx b/apps/infoalloggi/src/forms/FormNewPswReset.tsx
index a2dbbe9..107a268 100644
--- a/apps/infoalloggi/src/forms/FormNewPswReset.tsx
+++ b/apps/infoalloggi/src/forms/FormNewPswReset.tsx
@@ -60,7 +60,7 @@ export const FormPswReset = () => {
 		<>
 			<div className="text-center">
 				<div className="my-8 space-y-5">
-					<h3 className="text-3xl font-bold text-gray-800 sm:text-3xl">
+					<h3 className="font-bold text-3xl text-gray-800 sm:text-3xl">
 						{t.pwReset.titolo}
 					</h3>
 				</div>
diff --git a/apps/infoalloggi/src/forms/FormNewServizio.tsx b/apps/infoalloggi/src/forms/FormNewServizio.tsx
index 7fbbbca..5c83e62 100644
--- a/apps/infoalloggi/src/forms/FormNewServizio.tsx
+++ b/apps/infoalloggi/src/forms/FormNewServizio.tsx
@@ -123,7 +123,7 @@ export const FormNewServizio = ({
 
 							{isLimited ? (
 								<div className="space-y-0">
-									<p className="text-lg font-semibold">{field.value}</p>
+									<p className="font-semibold text-lg">{field.value}</p>
 									<p className="text-muted-foreground text-sm">
 										La tipologia non può essere modificata. Contatta il supporto
 										se necessario.
@@ -311,7 +311,7 @@ export const FormNewServizio = ({
 							<FormItem className={cn("w-full")}>
 								<div className="flex flex-wrap items-center gap-x-2">
 									<FormLabel
-										className={cn("text-base font-semibold")}
+										className={cn("font-semibold text-base")}
 										htmlFor="n_adulti"
 									>
 										{t.preferenze.nadulti_label}
@@ -336,7 +336,7 @@ export const FormNewServizio = ({
 							<FormItem className={cn("w-full")}>
 								<div className="flex flex-wrap items-center gap-x-2">
 									<FormLabel
-										className={cn("text-base font-semibold")}
+										className={cn("font-semibold text-base")}
 										htmlFor="n_minori"
 									>
 										{t.preferenze.nminori_label}
@@ -399,7 +399,7 @@ export const FormNewServizio = ({
 									</div>
 									{isLimited ? (
 										<div className="space-y-0">
-											<p className="text-lg font-semibold">
+											<p className="font-semibold text-lg">
 												{existingValue?.title}
 											</p>
 											<p className="text-muted-foreground text-sm">
diff --git a/apps/infoalloggi/src/forms/FormNewServizioAcquisto.tsx b/apps/infoalloggi/src/forms/FormNewServizioAcquisto.tsx
index 3765f8a..956ed18 100644
--- a/apps/infoalloggi/src/forms/FormNewServizioAcquisto.tsx
+++ b/apps/infoalloggi/src/forms/FormNewServizioAcquisto.tsx
@@ -1050,7 +1050,7 @@ export const FormNewServizioAcquisto = ({
 														className={cn(
 															"h-[42px] w-full pl-3 text-left font-medium",
 															!field.value && "text-muted-foreground",
-															`text-primary dark:bg-primary rounded-lg border border-neutral-300 bg-white shadow-xs outline-hidden file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-neutral-400 focus:border-neutral-400 disabled:cursor-not-allowed disabled:opacity-50 aria-expanded:border-neutral-400 dark:border-neutral-500 dark:text-white dark:placeholder:text-neutral-400 dark:hover:border-neutral-400 dark:focus:border-transparent dark:aria-expanded:border-neutral-400`,
+															`rounded-lg border border-neutral-300 bg-white text-primary shadow-xs outline-hidden file:border-0 file:bg-transparent file:font-medium file:text-sm hover:border-neutral-400 focus:border-neutral-400 disabled:cursor-not-allowed disabled:opacity-50 aria-expanded:border-neutral-400 dark:border-neutral-500 dark:bg-primary dark:text-white dark:aria-expanded:border-neutral-400 dark:focus:border-transparent dark:hover:border-neutral-400 dark:placeholder:text-neutral-400`,
 														)}
 														id="dataNascita"
 														variant={"outline"}
@@ -1188,7 +1188,7 @@ export const FormNewServizioAcquisto = ({
 													<Tooltip delayDuration={0}>
 														<TooltipTrigger className="relative flex items-center gap-x-2">
 															{t.anagrafica.sesso}{" "}
-															<HelpCircleIcon className="absolute -right-6 size-5" />
+															<HelpCircleIcon className="-right-6 absolute size-5" />
 														</TooltipTrigger>
 														<TooltipContent>
 															{t.anagrafica.sesso_disclamer}
@@ -1362,7 +1362,7 @@ export const FormNewServizioAcquisto = ({
 								render={({ field }) => {
 									if (nazione_recapiti === "0") {
 										return (
-											<FormItem className="w-full ">
+											<FormItem className="w-full">
 												<div className="flex flex-wrap items-center gap-x-2">
 													<FormLabel htmlFor="select-comune">
 														{t.recapiti.comune}
@@ -1417,7 +1417,7 @@ export const FormNewServizioAcquisto = ({
 								control={form.control}
 								name="cap_recapiti"
 								render={({ field }) => (
-									<FormItem className="w-full ">
+									<FormItem className="w-full">
 										<div className="flex flex-wrap items-center gap-x-2">
 											<FormLabel htmlFor="cap">{t.recapiti.cap}</FormLabel>
 
@@ -1440,7 +1440,7 @@ export const FormNewServizioAcquisto = ({
 								control={form.control}
 								name="indirizzo_recapiti"
 								render={({ field }) => (
-									<FormItem className="w-full ">
+									<FormItem className="w-full">
 										<div className="flex flex-wrap items-center gap-x-2">
 											<FormLabel htmlFor="indirizzo">
 												{t.recapiti.indirizzo}
@@ -1462,7 +1462,7 @@ export const FormNewServizioAcquisto = ({
 								control={form.control}
 								name="civico_recapiti"
 								render={({ field }) => (
-									<FormItem className="w-full ">
+									<FormItem className="w-full">
 										<div className="flex flex-wrap items-center gap-x-2">
 											<FormLabel htmlFor="civico">
 												{t.recapiti.civico}
diff --git a/apps/infoalloggi/src/forms/FormNewUser.tsx b/apps/infoalloggi/src/forms/FormNewUser.tsx
index bce333f..85012bf 100644
--- a/apps/infoalloggi/src/forms/FormNewUser.tsx
+++ b/apps/infoalloggi/src/forms/FormNewUser.tsx
@@ -191,7 +191,7 @@ export const FormNewUser = ({
 										aria-controls="password"
 										aria-label={isVisible ? "Hide password" : "Show password"}
 										aria-pressed={isVisible}
-										className="text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:text-foreground focus-visible:ring-ring/30 absolute end-0 top-1 flex size-9 items-center justify-center rounded-e-lg transition-shadow focus-visible:border focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
+										className="absolute end-0 top-1 flex size-9 items-center justify-center rounded-e-lg text-muted-foreground/80 transition-shadow hover:text-foreground focus-visible:border focus-visible:border-ring focus-visible:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
 										onClick={toggleVisibility}
 										type="button"
 									>
@@ -206,7 +206,7 @@ export const FormNewUser = ({
 										aria-valuemax={4}
 										aria-valuemin={0}
 										aria-valuenow={strengthScore}
-										className="bg-border mt-3 mb-4 h-1 w-full overflow-hidden rounded-full"
+										className="mt-3 mb-4 h-1 w-full overflow-hidden rounded-full bg-border"
 										role="progressbar"
 									>
 										<div
diff --git a/apps/infoalloggi/src/forms/FormOverridePassword.tsx b/apps/infoalloggi/src/forms/FormOverridePassword.tsx
index 3e871fb..60697b3 100644
--- a/apps/infoalloggi/src/forms/FormOverridePassword.tsx
+++ b/apps/infoalloggi/src/forms/FormOverridePassword.tsx
@@ -107,7 +107,7 @@ export const OverridePasswordForm = ({ id }: { id: UsersId }) => {
 							</DialogHeader>
 							<div className="space-y-4 py-4">
 								<Button
-									className="inline-flex h-10 items-center justify-center rounded-md bg-blue-500 px-4 py-2 text-sm font-medium whitespace-nowrap text-white ring-offset-white transition-colors hover:bg-blue-500/90"
+									className="inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md bg-blue-500 px-4 py-2 font-medium text-sm text-white ring-offset-white transition-colors hover:bg-blue-500/90"
 									onClick={() => resetToken_mutate({ id })}
 								>
 									Genera
@@ -194,7 +194,7 @@ export const OverridePasswordForm = ({ id }: { id: UsersId }) => {
 										aria-controls="password"
 										aria-label={isVisible ? "Hide password" : "Show password"}
 										aria-pressed={isVisible}
-										className="text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:text-foreground focus-visible:ring-ring/30 absolute end-0 top-1 flex size-9 items-center justify-center rounded-e-lg transition-shadow focus-visible:border focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
+										className="absolute end-0 top-1 flex size-9 items-center justify-center rounded-e-lg text-muted-foreground/80 transition-shadow hover:text-foreground focus-visible:border focus-visible:border-ring focus-visible:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
 										onClick={toggleVisibility}
 										type="button"
 									>
@@ -209,7 +209,7 @@ export const OverridePasswordForm = ({ id }: { id: UsersId }) => {
 										aria-valuemax={4}
 										aria-valuemin={0}
 										aria-valuenow={strengthScore}
-										className="bg-border mt-3 mb-4 h-1 w-full overflow-hidden rounded-full"
+										className="mt-3 mb-4 h-1 w-full overflow-hidden rounded-full bg-border"
 										role="progressbar"
 									>
 										<div
diff --git a/apps/infoalloggi/src/forms/FormPrezzo.tsx b/apps/infoalloggi/src/forms/FormPrezzo.tsx
index f2e1c23..478234f 100644
--- a/apps/infoalloggi/src/forms/FormPrezzo.tsx
+++ b/apps/infoalloggi/src/forms/FormPrezzo.tsx
@@ -176,7 +176,7 @@ export const FormPrezzo = ({
 							<FormItem>
 								<div className="flex flex-wrap items-center gap-x-2">
 									<FormLabel
-										className="text-base font-medium"
+										className="font-medium text-base"
 										htmlFor="desc_it"
 									>
 										Descrizione IT
@@ -211,7 +211,7 @@ export const FormPrezzo = ({
 							<FormItem>
 								<div className="flex flex-wrap items-center gap-x-2">
 									<FormLabel
-										className="text-base font-medium"
+										className="font-medium text-base"
 										htmlFor="desc_en"
 									>
 										Descrizione EN
@@ -356,7 +356,7 @@ export const FormPrezzo = ({
 							<FormItem>
 								<div className="flex flex-wrap items-center gap-x-2">
 									<FormLabel
-										className="text-base font-medium"
+										className="font-medium text-base"
 										htmlFor="select-testo-condizioni"
 									>
 										ID Testo Condizioni
@@ -455,7 +455,7 @@ export const FormPrezzo = ({
 						)}
 					/>
 					{scontoWch && scontoWch[0] !== 0 && (
-						<span className="text-sm text-gray-500">
+						<span className="text-gray-500 text-sm">
 							Prezzo scontato:{" "}
 							{(((1 - scontoWch[0] / 100) * scontoWch[1]) / 100).toFixed(2)}€
 						</span>
diff --git a/apps/infoalloggi/src/forms/FormProfilo_Anagrafica.tsx b/apps/infoalloggi/src/forms/FormProfilo_Anagrafica.tsx
index 10b9f2d..fe27e37 100644
--- a/apps/infoalloggi/src/forms/FormProfilo_Anagrafica.tsx
+++ b/apps/infoalloggi/src/forms/FormProfilo_Anagrafica.tsx
@@ -252,7 +252,7 @@ export const ProfileFormAnagrafica = ({
 													className={cn(
 														"h-[42px] w-full pl-3 text-left font-medium",
 														!field.value && "text-muted-foreground",
-														`text-primary dark:bg-primary rounded-lg border border-neutral-300 bg-white shadow-xs outline-hidden file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-neutral-400 focus:border-neutral-400 disabled:cursor-not-allowed disabled:opacity-50 aria-expanded:border-neutral-400 dark:border-neutral-500 dark:text-white dark:placeholder:text-neutral-400 dark:hover:border-neutral-400 dark:focus:border-transparent dark:aria-expanded:border-neutral-400`,
+														`rounded-lg border border-neutral-300 bg-white text-primary shadow-xs outline-hidden file:border-0 file:bg-transparent file:font-medium file:text-sm hover:border-neutral-400 focus:border-neutral-400 disabled:cursor-not-allowed disabled:opacity-50 aria-expanded:border-neutral-400 dark:border-neutral-500 dark:bg-primary dark:text-white dark:aria-expanded:border-neutral-400 dark:focus:border-transparent dark:hover:border-neutral-400 dark:placeholder:text-neutral-400`,
 													)}
 													id="data_nascita"
 													variant={"outline"}
diff --git a/apps/infoalloggi/src/forms/FormPwSetup.tsx b/apps/infoalloggi/src/forms/FormPwSetup.tsx
index 23b0274..ca4be40 100644
--- a/apps/infoalloggi/src/forms/FormPwSetup.tsx
+++ b/apps/infoalloggi/src/forms/FormPwSetup.tsx
@@ -104,7 +104,7 @@ export const FormPwSetup = ({ user, servizioId }: FormPwSetupProps) => {
 	return (
 		<div className="mx-auto w-full max-w-3xl space-y-8 px-4 py-8">
 			<div className="my-8 space-y-5">
-				<h3 className="text-3xl font-bold text-gray-800 sm:text-3xl">
+				<h3 className="font-bold text-3xl text-gray-800 sm:text-3xl">
 					{texts.scegli_password}
 				</h3>
 				<p className="text-muted-foreground">{texts.imposta_password}</p>
@@ -153,7 +153,7 @@ export const FormPwSetup = ({ user, servizioId }: FormPwSetupProps) => {
 											aria-controls="password"
 											aria-label={isVisible ? "Hide password" : "Show password"}
 											aria-pressed={isVisible}
-											className="text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:text-foreground focus-visible:ring-ring/30 absolute end-0 top-1 flex size-9 items-center justify-center rounded-e-lg transition-shadow focus-visible:border focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
+											className="absolute end-0 top-1 flex size-9 items-center justify-center rounded-e-lg text-muted-foreground/80 transition-shadow hover:text-foreground focus-visible:border focus-visible:border-ring focus-visible:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
 											onClick={toggleVisibility}
 											type="button"
 										>
@@ -168,7 +168,7 @@ export const FormPwSetup = ({ user, servizioId }: FormPwSetupProps) => {
 											aria-valuemax={4}
 											aria-valuemin={0}
 											aria-valuenow={strengthScore}
-											className="bg-border mt-3 mb-4 h-1 w-full overflow-hidden rounded-full"
+											className="mt-3 mb-4 h-1 w-full overflow-hidden rounded-full bg-border"
 											role="progressbar"
 										>
 											<div
diff --git a/apps/infoalloggi/src/forms/FormRstPwFromToken.tsx b/apps/infoalloggi/src/forms/FormRstPwFromToken.tsx
index cb01da2..de88776 100644
--- a/apps/infoalloggi/src/forms/FormRstPwFromToken.tsx
+++ b/apps/infoalloggi/src/forms/FormRstPwFromToken.tsx
@@ -152,7 +152,7 @@ export const FormRstPwFromToken = (props: { token: string }) => {
 											aria-controls="password"
 											aria-label={isVisible ? "Hide password" : "Show password"}
 											aria-pressed={isVisible}
-											className="text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:text-foreground focus-visible:ring-ring/30 absolute end-0 top-1 flex size-9 items-center justify-center rounded-e-lg transition-shadow focus-visible:border focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
+											className="absolute end-0 top-1 flex size-9 items-center justify-center rounded-e-lg text-muted-foreground/80 transition-shadow hover:text-foreground focus-visible:border focus-visible:border-ring focus-visible:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
 											onClick={toggleVisibility}
 											type="button"
 										>
@@ -167,7 +167,7 @@ export const FormRstPwFromToken = (props: { token: string }) => {
 											aria-valuemax={4}
 											aria-valuemin={0}
 											aria-valuenow={strengthScore}
-											className="bg-border mt-3 mb-4 h-1 w-full overflow-hidden rounded-full"
+											className="mt-3 mb-4 h-1 w-full overflow-hidden rounded-full bg-border"
 											role="progressbar"
 										>
 											<div
@@ -191,7 +191,7 @@ export const FormRstPwFromToken = (props: { token: string }) => {
 							<FormItem>
 								<div className="flex flex-wrap items-center gap-x-2">
 									<FormLabel
-										className="text-base font-medium"
+										className="font-medium text-base"
 										htmlFor="password2"
 									>
 										{t.pwReset.ripetiPw}
diff --git a/apps/infoalloggi/src/forms/MotivazioneTransitorio.tsx b/apps/infoalloggi/src/forms/MotivazioneTransitorio.tsx
index ada8f4f..074b9cb 100644
--- a/apps/infoalloggi/src/forms/MotivazioneTransitorio.tsx
+++ b/apps/infoalloggi/src/forms/MotivazioneTransitorio.tsx
@@ -40,15 +40,15 @@ export const MotivazioneTransitorio = ({
 					>
 						<div className={cn("flex items-center justify-start gap-2")}>
 							{value === option.id ? (
-								<CircleCheck className="stroke-primary size-5" />
+								<CircleCheck className="size-5 stroke-primary" />
 							) : (
-								<Circle className="stroke-muted-foreground size-5" />
+								<Circle className="size-5 stroke-muted-foreground" />
 							)}
 							{option.title}
 						</div>
 					</AccordionTrigger>
 					<AccordionContent>
-						<div className="border-border rounded-lg border p-4">
+						<div className="rounded-lg border border-border p-4">
 							<p>{option.text}</p>
 							{option.cta && (
 								<>
diff --git a/apps/infoalloggi/src/pages/404.tsx b/apps/infoalloggi/src/pages/404.tsx
index 8588288..a36a094 100644
--- a/apps/infoalloggi/src/pages/404.tsx
+++ b/apps/infoalloggi/src/pages/404.tsx
@@ -10,7 +10,7 @@ export default function Custom404() {
 			<div className="mx-auto flex h-screen max-w-screen-xl items-center justify-start px-4 md:px-8">
 				<div className="mx-auto max-w-lg space-y-3 text-center">
 					<QuestionMarkCircleIcon className="mx-auto size-20 text-indigo-600" />
-					<h3 className="text-accent-foreground text-4xl font-semibold sm:text-5xl">
+					<h3 className="font-semibold text-4xl text-accent-foreground sm:text-5xl">
 						{t[404].titolo}
 					</h3>
 					<p className="text-neutral-600">{t[404].sottotitolo}</p>
diff --git a/apps/infoalloggi/src/pages/500.tsx b/apps/infoalloggi/src/pages/500.tsx
index a8f54d3..9127178 100644
--- a/apps/infoalloggi/src/pages/500.tsx
+++ b/apps/infoalloggi/src/pages/500.tsx
@@ -10,7 +10,7 @@ export default function Custom500() {
 			<div className="mx-auto flex h-screen max-w-screen-xl items-center justify-start px-4 md:px-8">
 				<div className="mx-auto max-w-lg space-y-3 text-center">
 					<ShieldExclamationIcon className="mx-auto size-20 text-red-600" />
-					<h3 className="text-accent-foreground text-4xl font-semibold sm:text-5xl">
+					<h3 className="font-semibold text-4xl text-accent-foreground sm:text-5xl">
 						{t[500].titolo}
 					</h3>
 					<p className="text-neutral-600">{t[500].sottotitolo}</p>
diff --git a/apps/infoalloggi/src/pages/500Auth.tsx b/apps/infoalloggi/src/pages/500Auth.tsx
index c4829d7..a298120 100644
--- a/apps/infoalloggi/src/pages/500Auth.tsx
+++ b/apps/infoalloggi/src/pages/500Auth.tsx
@@ -8,7 +8,7 @@ export default function Custom500Auth() {
 			<div className="mx-auto flex h-screen max-w-screen-xl items-center justify-start px-4 md:px-8">
 				<div className="mx-auto max-w-lg space-y-3 text-center">
 					<ShieldExclamationIcon className="mx-auto size-20 text-red-600" />
-					<h3 className="text-accent-foreground text-4xl font-semibold sm:text-5xl">
+					<h3 className="font-semibold text-4xl text-accent-foreground sm:text-5xl">
 						{t[500].titolo}
 					</h3>
 					<p className="text-neutral-600">{t[500].sottotitolo}</p>
diff --git a/apps/infoalloggi/src/pages/annunci.tsx b/apps/infoalloggi/src/pages/annunci.tsx
index f4b8804..d204526 100644
--- a/apps/infoalloggi/src/pages/annunci.tsx
+++ b/apps/infoalloggi/src/pages/annunci.tsx
@@ -61,7 +61,7 @@ const Annunci = ({ options }: AnnunciPageProps) => {
 			</Head>
 
 			<main className="mx-auto w-full max-w-7xl space-y-5 px-2 py-5 md:px-8">
-				<div className="bg-primary/10 text-primary inline-block rounded-md px-3 py-1 text-sm">
+				<div className="inline-block rounded-md bg-primary/10 px-3 py-1 text-primary text-sm">
 					{t.annunci.titolo}
 				</div>
 
@@ -140,7 +140,7 @@ const RicercaFilters = () => {
 									className="group flex w-full flex-row gap-2 sm:w-auto"
 									variant="default"
 								>
-									<Badge className="bg-secondary text-secondary-foreground w-fit rounded-md px-1.5 py-0.5 dark:group-hover:bg-transparent">
+									<Badge className="w-fit rounded-md bg-secondary px-1.5 py-0.5 text-secondary-foreground dark:group-hover:bg-transparent">
 										{nFiltri}
 									</Badge>
 									<Filter className="size-5" />{" "}
@@ -353,7 +353,7 @@ const AnnunciList = () => {
 					</button>
 				</div>
 				<div className="flex items-center justify-center">
-					<span className="text-lg font-semibold text-neutral-500">
+					<span className="font-semibold text-lg text-neutral-500">
 						{page + 1}
 					</span>
 				</div>
@@ -404,7 +404,7 @@ export const SelectFilter = <T extends string>({
 			<div className="flex h-4 flex-row gap-4 px-1">
 				<Label
 					className={cn(
-						"text-muted-foreground font-semibold",
+						"font-semibold text-muted-foreground",
 						value !== "" && "text-primary",
 					)}
 				>
diff --git a/apps/infoalloggi/src/pages/annuncio/[cod].tsx b/apps/infoalloggi/src/pages/annuncio/[cod].tsx
index 88244c6..a495357 100644
--- a/apps/infoalloggi/src/pages/annuncio/[cod].tsx
+++ b/apps/infoalloggi/src/pages/annuncio/[cod].tsx
@@ -149,7 +149,7 @@ const AnnuncioView = ({ cod, flag }: Omit<AnnuncioProps, "meta">) => {
 											href={`/area-riservata/admin/edit-annuncio/${data.id}`}
 										>
 											<Button
-												className="flex items-center gap-2 w-full"
+												className="flex w-full items-center gap-2"
 												type="button"
 											>
 												<Edit /> Modifica annuncio
@@ -161,7 +161,7 @@ const AnnuncioView = ({ cod, flag }: Omit<AnnuncioProps, "meta">) => {
 											target="_blank"
 										>
 											<Button
-												className="flex items-center gap-2 w-full"
+												className="flex w-full items-center gap-2"
 												type="button"
 												variant="outline"
 											>
@@ -313,7 +313,7 @@ const Pricing = ({
 	return (
 		<Accordion className="w-full" collapsible type="single">
 			<AccordionItem value="item-1">
-				<AccordionTrigger className="px-1 text-xl font-semibold">
+				<AccordionTrigger className="px-1 font-semibold text-xl">
 					{t.pricing_cmp.cta_costo}
 				</AccordionTrigger>
 				<AccordionContent className="flex justify-center">
@@ -353,7 +353,7 @@ const TestiAnnuncio = ({
 }) => {
 	return (
 		<>
-			<h1 className="text-3xl font-bold uppercase">{titolo}</h1>
+			<h1 className="font-bold text-3xl uppercase">{titolo}</h1>
 			<h1
 				className="py-6"
 				dangerouslySetInnerHTML={{
@@ -407,7 +407,7 @@ const CardInfos = ({ data }: { data: Annunci }) => {
 	return (
 		<Card className="relative w-full">
 			<CardHeader>
-				<CardTitle className="text-center text-3xl font-bold md:pl-8 lg:pl-0">
+				<CardTitle className="text-center font-bold text-3xl md:pl-8 lg:pl-0">
 					Codice {data.codice}
 				</CardTitle>
 			</CardHeader>
@@ -424,7 +424,7 @@ const CardInfos = ({ data }: { data: Annunci }) => {
 								iconClassName="h-[19.5px] w-[19.5px] bg-orange-500 text-white rounded-full"
 							>
 								<div>
-									<span className="text-primary text-sm font-semibold">
+									<span className="font-semibold text-primary text-sm">
 										Prezzo al giorno
 									</span>
 									<div className="text-muted-foreground text-sm">
@@ -503,7 +503,7 @@ const CardInfos = ({ data }: { data: Annunci }) => {
 						</div>
 					</div>
 				</div>
-				<div className="text-center text-base font-bold text-neutral-700">
+				<div className="text-center font-bold text-base text-neutral-700">
 					{data.stato === "Trattativa" ? (
 						"Annuncio in aggiornamento"
 					) : (
@@ -631,7 +631,7 @@ const AnnuncioFooter = ({
 }) => {
 	return (
 		<div className="flex flex-col gap-2">
-			<p className="px-2 text-lg font-semibold">Video:</p>
+			<p className="px-2 font-semibold text-lg">Video:</p>
 			<div className="flex flex-col flex-wrap gap-4 sm:flex-row sm:gap-2 sm:px-2">
 				{url_video.map((video) => {
 					if (!video) return null;
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/annunci.tsx b/apps/infoalloggi/src/pages/area-riservata/admin/annunci.tsx
index 2ec37f7..10c67ac 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/annunci.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/annunci.tsx
@@ -15,7 +15,7 @@ const Admin_Annunci: NextPageWithLayout = () => {
 			<div className="mx-auto pt-4">
 				<div className="mx-3 items-start justify-between md:flex">
 					<div className="flex max-w-lg items-center gap-3">
-						<h3 className="text-2xl font-bold">Annunci</h3>
+						<h3 className="font-bold text-2xl">Annunci</h3>
 						<button
 							className="cursor-pointer"
 							onClick={async () => await refetch()}
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/banners.tsx b/apps/infoalloggi/src/pages/area-riservata/admin/banners.tsx
index 8d91134..506a5da 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/banners.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/banners.tsx
@@ -39,7 +39,7 @@ const AdminBanners: NextPageWithLayout = () => {
 			<div className="mx-auto pt-4">
 				<div className="mx-auto items-start justify-between px-2 md:flex">
 					<div className="flex items-center gap-3">
-						<h3 className="text-accent-foreground text-xl font-bold sm:text-2xl">
+						<h3 className="font-bold text-accent-foreground text-xl sm:text-2xl">
 							Banners
 						</h3>
 						<button
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/blacklist.tsx b/apps/infoalloggi/src/pages/area-riservata/admin/blacklist.tsx
index 9aaa97d..5bf6e1d 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/blacklist.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/blacklist.tsx
@@ -39,7 +39,7 @@ const AdminBlacklist: NextPageWithLayout = () => {
 			<div className="mx-auto pt-4">
 				<div className="mx-auto items-start justify-between px-2 md:flex">
 					<div className="flex items-center gap-3">
-						<h3 className="text-accent-foreground text-xl font-bold sm:text-2xl">
+						<h3 className="font-bold text-accent-foreground text-xl sm:text-2xl">
 							Black list
 						</h3>
 						<button
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/etichette.tsx b/apps/infoalloggi/src/pages/area-riservata/admin/etichette.tsx
index fcde799..ad4334d 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/etichette.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/etichette.tsx
@@ -40,7 +40,7 @@ const AdminEtichette: NextPageWithLayout = () => {
 			<div className="mx-auto pt-4">
 				<div className="mx-3 items-start justify-between md:flex">
 					<div className="flex max-w-lg items-center gap-3">
-						<h3 className="text-accent-foreground text-xl font-bold sm:text-2xl">
+						<h3 className="font-bold text-accent-foreground text-xl sm:text-2xl">
 							Etichette
 						</h3>
 						<button
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/flags.tsx b/apps/infoalloggi/src/pages/area-riservata/admin/flags.tsx
index c711fb1..705e4e7 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/flags.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/flags.tsx
@@ -38,7 +38,7 @@ const AdminFlags: NextPageWithLayout = () => {
 			<div className="mx-auto pt-4">
 				<div className="mx-3 items-start justify-between md:flex">
 					<div className="flex max-w-lg items-center gap-3">
-						<h3 className="text-accent-foreground text-xl font-bold sm:text-2xl">
+						<h3 className="font-bold text-accent-foreground text-xl sm:text-2xl">
 							Impostazioni
 						</h3>
 						<button
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/ordini.tsx b/apps/infoalloggi/src/pages/area-riservata/admin/ordini.tsx
index 1235a48..87f47e1 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/ordini.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/ordini.tsx
@@ -24,7 +24,7 @@ const Ordini: NextPageWithLayout = () => {
 				<div className="mx-auto pt-4">
 					<div className="mx-3 items-start justify-between md:flex">
 						<div className="flex max-w-lg items-center gap-3">
-							<h3 className="text-2xl font-bold">Ordini</h3>
+							<h3 className="font-bold text-2xl">Ordini</h3>
 						</div>
 					</div>
 
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/prezziario.tsx b/apps/infoalloggi/src/pages/area-riservata/admin/prezziario.tsx
index 637a831..4686e72 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/prezziario.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/prezziario.tsx
@@ -42,7 +42,7 @@ const Admin_Prezziario: NextPageWithLayout = () => {
 			<div className="mx-auto pt-4">
 				<div className="mx-3 items-start justify-between md:flex">
 					<div className="flex max-w-lg items-center gap-3">
-						<h3 className="text-2xl font-bold">Prezziario</h3>
+						<h3 className="font-bold text-2xl">Prezziario</h3>
 						<button
 							className="cursor-pointer"
 							onClick={async () => await refetch()}
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/storage.tsx b/apps/infoalloggi/src/pages/area-riservata/admin/storage.tsx
index ad23687..3743b97 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/storage.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/storage.tsx
@@ -105,7 +105,7 @@ const StorageTableHeader = ({
 	return (
 		<div className="mx-3 flex flex-wrap items-center justify-between gap-3">
 			<div className="flex max-w-lg items-center gap-3">
-				<h3 className="text-accent-foreground text-xl font-bold sm:text-2xl">
+				<h3 className="font-bold text-accent-foreground text-xl sm:text-2xl">
 					Impostazioni
 				</h3>
 				<button
@@ -285,7 +285,7 @@ const VisibComponent = ({
 										)}
 										key={allegato.id}
 									>
-										<p className="text-lg font-semibold">
+										<p className="font-semibold text-lg">
 											File: {allegato.filename}
 										</p>
 										<div className="flex items-center gap-3">
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/testi-stringhe.tsx b/apps/infoalloggi/src/pages/area-riservata/admin/testi-stringhe.tsx
index 32027da..b5bf787 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/testi-stringhe.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/testi-stringhe.tsx
@@ -39,7 +39,7 @@ const AdminTestiStringhe: NextPageWithLayout = () => {
 			<div className="mx-auto pt-4">
 				<div className="mx-auto items-start justify-between px-2 md:flex">
 					<div className="flex items-center gap-3">
-						<h3 className="text-accent-foreground text-xl font-bold sm:text-2xl">
+						<h3 className="font-bold text-accent-foreground text-xl sm:text-2xl">
 							Testi e Stringhe
 						</h3>
 						<button
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/user-view/comunicazioni/[userId].tsx b/apps/infoalloggi/src/pages/area-riservata/admin/user-view/comunicazioni/[userId].tsx
index 32b2700..48c6580 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/user-view/comunicazioni/[userId].tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/user-view/comunicazioni/[userId].tsx
@@ -16,7 +16,7 @@ const ComunicazioniUser: NextPageWithLayout<ComunicazioniUserProps> = ({
 		<main className="flex flex-1 flex-col items-start gap-4 md:gap-8">
 			<div className="grid w-full auto-rows-max items-start gap-2 md:gap-4">
 				<div className="overflow-auto border-none">
-					<h3 className="text-2xl font-bold">Comunicazioni</h3>
+					<h3 className="font-bold text-2xl">Comunicazioni</h3>
 
 					<div className="w-full py-4">
 						<EmailAccordion userId={userId} />
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/user-view/edit-user/[userId].tsx b/apps/infoalloggi/src/pages/area-riservata/admin/user-view/edit-user/[userId].tsx
index 499216b..8d1a088 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/user-view/edit-user/[userId].tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/user-view/edit-user/[userId].tsx
@@ -76,7 +76,7 @@ const EditUser: NextPageWithLayout<EditUserProps> = ({
 			<Tabs className="w-full space-y-6" defaultValue="account">
 				<div className="flex flex-row flex-wrap justify-between gap-2">
 					<div className="flex flex-col gap-2">
-						<h3 className="text-2xl font-bold">Profilo</h3>
+						<h3 className="font-bold text-2xl">Profilo</h3>
 						<div>
 							<TabsList>
 								<TabsTrigger
@@ -261,7 +261,7 @@ const FatturazioneData = ({ cf }: { cf: string }) => {
 			{data.data && data.data.length > 0 ? (
 				data.data.map((client, idx) => (
 					<div className="space-y-4" key={idx}>
-						<h3 className="text-lg font-semibold">Dati Fatturazione</h3>
+						<h3 className="font-semibold text-lg">Dati Fatturazione</h3>
 						<p>Nome: {client.name}</p>
 						<p>Codice Fiscale: {client.tax_code}</p>
 						<p>Partita IVA: {client.vat_number}</p>
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/user-view/onboard/[servizioId].tsx b/apps/infoalloggi/src/pages/area-riservata/admin/user-view/onboard/[servizioId].tsx
index 72536f5..a3aec57 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/user-view/onboard/[servizioId].tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/user-view/onboard/[servizioId].tsx
@@ -30,7 +30,7 @@ const OnboardUser: NextPageWithLayout<OnboardUserProps> = ({
 	return (
 		<div className="mx-auto max-w-7xl grow space-y-4">
 			<div className="flex justify-between">
-				<h3 className="text-primary text-2xl font-bold">
+				<h3 className="font-bold text-2xl text-primary">
 					Onboarding Utente (Versione Admin)
 				</h3>
 			</div>
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/user-view/ordini/[userId].tsx b/apps/infoalloggi/src/pages/area-riservata/admin/user-view/ordini/[userId].tsx
index 590f040..02c188a 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/user-view/ordini/[userId].tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/user-view/ordini/[userId].tsx
@@ -25,7 +25,7 @@ const OrdiniUser: NextPageWithLayout<OrdiniUserProps> = ({
 		<main className="flex flex-1 flex-col items-start gap-4 md:gap-8">
 			<div className="grid w-full auto-rows-max items-start gap-2 md:gap-4">
 				<div className="overflow-auto border-none">
-					<h3 className="text-2xl font-bold">Ordini</h3>
+					<h3 className="font-bold text-2xl">Ordini</h3>
 
 					<div className="w-full">
 						<OrdiniTable data={data} isAdmin userId={userId} />
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/user-view/ricerca/[userId].tsx b/apps/infoalloggi/src/pages/area-riservata/admin/user-view/ricerca/[userId].tsx
index 43863ce..e1df60b 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/user-view/ricerca/[userId].tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/user-view/ricerca/[userId].tsx
@@ -20,7 +20,7 @@ const RicercaUser: NextPageWithLayout<RicercaUserProps> = ({
 		<div className="space-y-5">
 			<div className="items-center justify-between md:flex">
 				<div className="flex items-center gap-3">
-					<h3 className="text-2xl font-bold">Le tue ricerche</h3>
+					<h3 className="font-bold text-2xl">Le tue ricerche</h3>
 				</div>
 			</div>
 			<div className="flex flex-col space-y-5">
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/user-view/servizio/[userId].tsx b/apps/infoalloggi/src/pages/area-riservata/admin/user-view/servizio/[userId].tsx
index d51cc5d..0294559 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/user-view/servizio/[userId].tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/user-view/servizio/[userId].tsx
@@ -30,7 +30,7 @@ const ServizioUser: NextPageWithLayout<ServizioUserProps> = ({
 	return (
 		<div className="mx-auto max-w-7xl grow space-y-4">
 			<div className="flex justify-between">
-				<h3 className="text-2xl font-bold">Servizi Utente</h3>
+				<h3 className="font-bold text-2xl">Servizi Utente</h3>
 				<NewServizioModal
 					editData={editData}
 					open={open}
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/utenti.tsx b/apps/infoalloggi/src/pages/area-riservata/admin/utenti.tsx
index f92a2be..16c5bba 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/utenti.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/utenti.tsx
@@ -34,7 +34,7 @@ const Admin_Utenti: NextPageWithLayout = () => {
 			<div className="mx-auto pt-4">
 				<div className="mx-3 items-start justify-between md:flex">
 					<div className="flex max-w-lg items-center gap-3">
-						<h3 className="text-2xl font-bold">Utenti</h3>
+						<h3 className="font-bold text-2xl">Utenti</h3>
 						<button
 							className="cursor-pointer"
 							onClick={async () => await refetch()}
diff --git a/apps/infoalloggi/src/pages/area-riservata/comunicazioni.tsx b/apps/infoalloggi/src/pages/area-riservata/comunicazioni.tsx
index b2a318e..25bf922 100644
--- a/apps/infoalloggi/src/pages/area-riservata/comunicazioni.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/comunicazioni.tsx
@@ -18,7 +18,7 @@ const Comunicazioni: NextPageWithLayout = () => {
 
 			<div className="mx-auto max-w-7xl grow p-4">
 				<div className="p-1">
-					<h1 className="text-primary text-2xl font-bold">Comunicazioni</h1>
+					<h1 className="font-bold text-2xl text-primary">Comunicazioni</h1>
 				</div>
 
 				<EmailAccordion userId={session.user.id} />
diff --git a/apps/infoalloggi/src/pages/area-riservata/ordini.tsx b/apps/infoalloggi/src/pages/area-riservata/ordini.tsx
index b8608f0..fa76347 100644
--- a/apps/infoalloggi/src/pages/area-riservata/ordini.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/ordini.tsx
@@ -36,7 +36,7 @@ const SessionWrapper = ({ userId }: { userId: UsersId }) => {
 		<main className="mx-1 mt-2 flex flex-1 flex-col items-start gap-4 p-2 md:gap-8">
 			<div className="grid w-full auto-rows-max items-start gap-2 md:gap-4">
 				<div className="overflow-auto border-none">
-					<h3 className="text-2xl font-bold">Ordini</h3>
+					<h3 className="font-bold text-2xl">Ordini</h3>
 
 					<div className="w-full py-4">
 						<OrdiniTable data={data} isAdmin={false} userId={userId} />
diff --git a/apps/infoalloggi/src/pages/area-riservata/profilo.tsx b/apps/infoalloggi/src/pages/area-riservata/profilo.tsx
index 8f21c8d..5591361 100644
--- a/apps/infoalloggi/src/pages/area-riservata/profilo.tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/profilo.tsx
@@ -43,7 +43,7 @@ const Dashboard: NextPageWithLayout = () => {
 					/>
 
 					<div className="flex flex-col items-start justify-center pl-4">
-						<h1 className="text-primary text-2xl font-bold">Profilo Utente</h1>
+						<h1 className="font-bold text-2xl text-primary">Profilo Utente</h1>
 						<p className="text-muted-foreground text-sm">
 							Gestisci le tue informazioni personali e le preferenze di account.
 						</p>
diff --git a/apps/infoalloggi/src/pages/auth/nonvalid-password-reset-token.tsx b/apps/infoalloggi/src/pages/auth/nonvalid-password-reset-token.tsx
index 5181cab..ba92d92 100644
--- a/apps/infoalloggi/src/pages/auth/nonvalid-password-reset-token.tsx
+++ b/apps/infoalloggi/src/pages/auth/nonvalid-password-reset-token.tsx
@@ -10,7 +10,7 @@ const NonValidPasswordResetToken: NextPage = () => {
 	return (
 		<div className="mx-auto my-5 flex h-full items-center justify-center">
 			<div className="prose max-w-5xl">
-				<div className="flex items-center gap-2 text-3xl font-bold text-red-500">
+				<div className="flex items-center gap-2 font-bold text-3xl text-red-500">
 					<XCircle />
 					<span>{t.pwReset.notvalid_title}</span>
 				</div>
diff --git a/apps/infoalloggi/src/pages/auth/password-reset/[token].tsx b/apps/infoalloggi/src/pages/auth/password-reset/[token].tsx
index 5ad949a..1449947 100644
--- a/apps/infoalloggi/src/pages/auth/password-reset/[token].tsx
+++ b/apps/infoalloggi/src/pages/auth/password-reset/[token].tsx
@@ -23,7 +23,7 @@ const ResetWToken: NextPageWithLayout<ResetWTokenProps> = ({
 			<main className="py-14">
 				<div className="mx-auto max-w-screen-xl px-4 text-neutral-600 md:px-8 dark:text-white">
 					<div className="mx-auto max-w-lg space-y-3 sm:text-center">
-						<p className="text-accent-foreground text-3xl font-semibold sm:text-4xl dark:text-white">
+						<p className="font-semibold text-3xl text-accent-foreground sm:text-4xl dark:text-white">
 							{t.pwReset.titolo}
 						</p>
 					</div>
diff --git a/apps/infoalloggi/src/pages/chi-siamo.tsx b/apps/infoalloggi/src/pages/chi-siamo.tsx
index 20802d2..79954b0 100644
--- a/apps/infoalloggi/src/pages/chi-siamo.tsx
+++ b/apps/infoalloggi/src/pages/chi-siamo.tsx
@@ -12,10 +12,10 @@ const ChiSiamo: NextPage = () => {
 				<meta content={t.heads.main_description} name="description" />
 			</Head>
 			<main className="mx-auto w-full max-w-7xl space-y-5 px-2 py-5 md:px-8">
-				<div className="bg-primary/10 text-primary inline-block rounded-md px-3 py-1 text-sm">
+				<div className="inline-block rounded-md bg-primary/10 px-3 py-1 text-primary text-sm">
 					{t.chi_siamo.title}
 				</div>
-				<div className="mx-auto w-full space-y-5 sm:space-y-14 max-w-6xl">
+				<div className="mx-auto w-full max-w-6xl space-y-5 sm:space-y-14">
 					<section className="relative mx-auto flex max-w-6xl flex-col items-center justify-between gap-8 px-4 py-4 sm:flex-row sm:gap-20 md:px-8">
 						<div className="mx-auto mt-5 flex-1 sm:w-9/12 md:mt-0 md:w-auto">
 							<Image
@@ -27,13 +27,13 @@ const ChiSiamo: NextPage = () => {
 							/>
 						</div>
 						<div className="max-w-lg flex-1 py-5 sm:mx-auto sm:text-center md:max-w-max md:text-left">
-							<h3 className="text-3xl font-semibold text-gray-800 md:text-4xl">
+							<h3 className="font-semibold text-3xl text-gray-800 md:text-4xl">
 								{t.chi_siamo.cta.title1}
 								<span className="text-indigo-600">
 									{t.chi_siamo.cta.title2}
 								</span>
 							</h3>
-							<p className="mt-3 leading-relaxed text-gray-500">
+							<p className="mt-3 text-gray-500 leading-relaxed">
 								{t.chi_siamo.cta.desc}
 							</p>
 						</div>
@@ -41,17 +41,17 @@ const ChiSiamo: NextPage = () => {
 
 					<div className="flex w-full flex-col gap-8">
 						<div className="flex flex-col gap-8 sm:flex-row sm:items-stretch sm:justify-between">
-							<div className="border-border w-full basis-1/2 space-y-2 rounded-lg border p-4 hover:bg-neutral-100">
-								<h3 className="text-xl font-bold">{t.chi_siamo.mission}</h3>
+							<div className="w-full basis-1/2 space-y-2 rounded-lg border border-border p-4 hover:bg-neutral-100">
+								<h3 className="font-bold text-xl">{t.chi_siamo.mission}</h3>
 								<p>{t.chi_siamo.mission_desc}</p>
 							</div>
-							<div className="border-border w-full basis-1/2 space-y-2 rounded-lg border p-4 hover:bg-neutral-100">
-								<h3 className="text-xl font-bold">{t.chi_siamo.vision}</h3>
+							<div className="w-full basis-1/2 space-y-2 rounded-lg border border-border p-4 hover:bg-neutral-100">
+								<h3 className="font-bold text-xl">{t.chi_siamo.vision}</h3>
 								<p>{t.chi_siamo.vision_desc}</p>
 							</div>
 						</div>
-						<div className="border-border w-full space-y-2 rounded-lg border p-4 hover:bg-neutral-100">
-							<h3 className="text-xl font-bold">{t.chi_siamo.progetto}</h3>
+						<div className="w-full space-y-2 rounded-lg border border-border p-4 hover:bg-neutral-100">
+							<h3 className="font-bold text-xl">{t.chi_siamo.progetto}</h3>
 							<p>{t.chi_siamo.progetto_desc}</p>
 						</div>
 					</div>
diff --git a/apps/infoalloggi/src/pages/contatti.tsx b/apps/infoalloggi/src/pages/contatti.tsx
index 40a1e73..4e5da68 100644
--- a/apps/infoalloggi/src/pages/contatti.tsx
+++ b/apps/infoalloggi/src/pages/contatti.tsx
@@ -68,19 +68,19 @@ const Contatto: NextPage = () => {
 				<meta content={t.heads.main_description} name="description" />
 			</Head>
 			<main className="mx-auto w-full max-w-7xl px-2 py-5 md:px-8">
-				<div className="bg-primary/10 text-primary inline-block rounded-md px-3 py-1 text-sm">
+				<div className="inline-block rounded-md bg-primary/10 px-3 py-1 text-primary text-sm">
 					{t.contatti}
 				</div>
 
 				<div className="mx-auto max-w-screen-xl px-4 text-neutral-600 md:px-8">
 					<div className="mx-auto max-w-lg space-y-3 sm:text-center">
-						<p className="text-accent-foreground text-4xl font-semibold">
+						<p className="font-semibold text-4xl text-accent-foreground">
 							{t.contact_form.titolo}
 						</p>
 						<p>
 							{t.contact_form.sottotitolo1}{" "}
 							<Link href="/guida#faq">
-								<span className="text-accent-foreground text-lg font-bold">
+								<span className="font-bold text-accent-foreground text-lg">
 									{t.contact_form.sottotitolo2}
 								</span>
 							</Link>{" "}
@@ -104,7 +104,7 @@ const Contatto: NextPage = () => {
 												render={({ field }) => (
 													<FormItem>
 														<div className="flex flex-wrap items-center gap-x-2">
-															<FormLabel className="text-base font-medium">
+															<FormLabel className="font-medium text-base">
 																{t.contact_form.nome}
 															</FormLabel>
 															<FormMessage />
@@ -123,7 +123,7 @@ const Contatto: NextPage = () => {
 												render={({ field }) => (
 													<FormItem>
 														<div className="flex flex-wrap items-center gap-x-2">
-															<FormLabel className="text-base font-medium">
+															<FormLabel className="font-medium text-base">
 																{t.contact_form.cognome}
 															</FormLabel>
 															<FormMessage />
@@ -143,7 +143,7 @@ const Contatto: NextPage = () => {
 										render={({ field }) => (
 											<FormItem>
 												<div className="flex flex-wrap items-center gap-x-2">
-													<FormLabel className="text-base font-medium">
+													<FormLabel className="font-medium text-base">
 														{t.contact_form.email}
 													</FormLabel>
 													<FormMessage />
@@ -160,7 +160,7 @@ const Contatto: NextPage = () => {
 										render={({ field }) => (
 											<FormItem>
 												<div className="flex flex-wrap items-center gap-x-2">
-													<FormLabel className="text-base font-medium">
+													<FormLabel className="font-medium text-base">
 														{t.contact_form.telefono}
 													</FormLabel>
 													<FormMessage />
@@ -177,7 +177,7 @@ const Contatto: NextPage = () => {
 										render={({ field }) => (
 											<FormItem>
 												<div className="flex flex-wrap items-center gap-x-2">
-													<FormLabel className="text-base font-medium">
+													<FormLabel className="font-medium text-base">
 														{t.contact_form.messaggio}
 													</FormLabel>
 													<FormMessage />
@@ -232,7 +232,7 @@ const ContactSuccess = () => {
 		<div className="flex h-full w-full items-center justify-center pt-14">
 			<div className="mx-auto max-w-lg space-y-3 text-center">
 				<CheckCircle className="mx-auto size-20 text-green-600" />
-				<h3 className="text-accent-foreground text-4xl font-semibold sm:text-5xl">
+				<h3 className="font-semibold text-4xl text-accent-foreground sm:text-5xl">
 					{t.contact_form.successo}
 				</h3>
 				<p className="text-neutral-600">{t.contact_form.inviata}</p>
diff --git a/apps/infoalloggi/src/pages/guida.tsx b/apps/infoalloggi/src/pages/guida.tsx
index f82a82a..bea14c9 100644
--- a/apps/infoalloggi/src/pages/guida.tsx
+++ b/apps/infoalloggi/src/pages/guida.tsx
@@ -20,7 +20,7 @@ const Guida: NextPage = () => {
 				<meta content={t.heads.main_description} name="description" />
 			</Head>
 			<main className="mx-auto w-full max-w-7xl px-2 py-5 md:px-8">
-				<div className="bg-primary/10 text-primary inline-block rounded-md px-3 py-1 text-sm">
+				<div className="inline-block rounded-md bg-primary/10 px-3 py-1 text-primary text-sm">
 					{t.guida}
 				</div>
 
@@ -51,10 +51,10 @@ const FAQSection = () => {
 			<div className="mx-auto grid max-w-5xl items-center gap-6 py-12">
 				<div className="flex flex-col justify-center space-y-4 text-center">
 					<div className="space-y-2">
-						<h2 className="text-3xl font-bold tracking-tighter md:text-4xl">
+						<h2 className="font-bold text-3xl tracking-tighter md:text-4xl">
 							{t.faq.titolo}
 						</h2>
-						<p className="text-muted-foreground mx-auto max-w-[600px] md:text-xl/relaxed lg:text-base/relaxed xl:text-xl/relaxed">
+						<p className="mx-auto max-w-[600px] text-muted-foreground md:text-xl/relaxed lg:text-base/relaxed xl:text-xl/relaxed">
 							{t.faq.descrizione}
 						</p>
 					</div>
@@ -64,7 +64,7 @@ const FAQSection = () => {
 					<div className="hidden flex-col gap-5 md:flex">
 						{t.faq.domande.map((item, index) => (
 							<Button
-								className="justify-start text-lg font-semibold"
+								className="justify-start font-semibold text-lg"
 								key={index}
 								onClick={() => handleScroll(`faq-${item.id}`)}
 								variant="ghost"
@@ -82,8 +82,8 @@ const FAQSection = () => {
 								//defaultValue="0"
 								type="single"
 							>
-								<div className="absolute -top-16" id={`faq-${item.id}`} />
-								<h3 className="text-2xl font-semibold">{item.label}</h3>
+								<div className="-top-16 absolute" id={`faq-${item.id}`} />
+								<h3 className="font-semibold text-2xl">{item.label}</h3>
 								<div className="flex flex-col gap-1">
 									{item.qas.map((f, i) => (
 										<AccordionItem key={i} value={i.toString()}>
diff --git a/apps/infoalloggi/src/pages/index.tsx b/apps/infoalloggi/src/pages/index.tsx
index 59c6132..1c17571 100644
--- a/apps/infoalloggi/src/pages/index.tsx
+++ b/apps/infoalloggi/src/pages/index.tsx
@@ -39,8 +39,8 @@ const Home: NextPage = () => {
 			<div className="mx-5 mt-0 mb-12 sm:mt-[2rem]">
 				<main className="mx-auto mb-4 max-w-7xl space-y-5 lg:mb-20">
 					<div className="flex flex-col items-center justify-center lg:flex-row lg:justify-around">
-						<div className="xs:mt-5 -mt-2 flex h-[19rem] max-w-full items-center justify-center min-[22rem]:h-[23rem] min-[25rem]:h-[26rem]">
-							<div className="flex scale-50 items-center justify-center drop-shadow-xl min-[20rem]:scale-[0.6] min-[22rem]:scale-[0.7] min-[25rem]:scale-[0.8] sm:scale-100 md:max-h-96">
+						<div className="-mt-2 xs:mt-5 flex h-[19rem] max-w-full items-center justify-center min-[22rem]:h-[23rem] min-[25rem]:h-[26rem]">
+							<div className="flex scale-50 items-center justify-center drop-shadow-xl sm:scale-100 md:max-h-96 min-[20rem]:scale-[0.6] min-[22rem]:scale-[0.7] min-[25rem]:scale-[0.8]">
 								<HeroSvg />
 							</div>
 						</div>
@@ -69,31 +69,31 @@ const TrovaCasaCTA = (props: { testi: LangDict }) => {
 	const { testi } = props;
 	return (
 		<div className="z-10 flex flex-col justify-center text-center sm:p-6 lg:max-w-lg">
-			<h1 className="text-[2.5rem] leading-none font-bold min-[26rem]:text-5xl sm:text-6xl">
+			<h1 className="font-bold text-[2.5rem] leading-none sm:text-6xl min-[26rem]:text-5xl">
 				{testi.index.titolo_1}
 				<span className="text-red-500"> {testi.index.titolo_2}</span>{" "}
 				{testi.index.titolo_3}
 			</h1>
-			<LogoSvg className="[&>text]:fill-primary [&>text]:stroke-primary h-[3rem] w-auto sm:h-[4rem] md:h-[5rem] [&>g]:fill-red-500" />
+			<LogoSvg className="h-[3rem] w-auto sm:h-[4rem] md:h-[5rem] [&>g]:fill-red-500 [&>text]:fill-primary [&>text]:stroke-primary" />
 			<br />
 
 			<div className="flex flex-col space-y-4 lg:justify-start">
 				<Link
-					className="flex h-14 items-center justify-center gap-2 rounded-md bg-red-500 px-8 py-3 text-lg font-semibold text-white"
+					className="flex h-14 items-center justify-center gap-2 rounded-md bg-red-500 px-8 py-3 font-semibold text-lg text-white"
 					href="/annunci"
 				>
 					{testi.index.CTA_Annunci} <Telescope className="ml-2 size-6" />
 				</Link>
 
-				<div className="relative mx-auto flex w-full gap-2 p-1 items-center justify-center [&:has(#searchOptionsBox)]:[&_#animationDiv]:invisible">
+				<div className="relative mx-auto flex w-full items-center justify-center gap-2 p-1 [&:has(#searchOptionsBox)]:[&_#animationDiv]:invisible">
 					<CodiceBox
-						className="rounded-md placeholder:text-center "
+						className="rounded-md placeholder:text-center"
 						key={"codiceBox"}
 						optionBoxClassName="left-0"
 					/>
-					<div className="absolute w-full h-full  overflow-clip rounded-lg pointer-events-none">
+					<div className="pointer-events-none absolute h-full w-full overflow-clip rounded-lg">
 						<div
-							className="animate-[ping_1.5s_cubic-bezier(0,0,.2,1)_infinite] w-full h-full bg-yellow-500 pointer-events-none"
+							className="pointer-events-none h-full w-full animate-[ping_1.5s_cubic-bezier(0,0,.2,1)_infinite] bg-yellow-500"
 							id="animationDiv"
 						/>
 					</div>
@@ -106,16 +106,16 @@ const TrovaCasaCTA = (props: { testi: LangDict }) => {
 const FrequentSearches = () => {
 	const { locale } = useTranslation();
 	return (
-		<Card className="mx-auto mb-4 max-w-4xl gap-4 shadow-none border-0 ">
+		<Card className="mx-auto mb-4 max-w-4xl gap-4 border-0 shadow-none">
 			<CardHeader>
-				<CardTitle className="text-center text-3xl sm:text-2xl font-bold text-primary">
+				<CardTitle className="text-center font-bold text-3xl text-primary sm:text-2xl">
 					{locale === "en" ? "Frequent Searches" : "Ricerche frequenti"}
 				</CardTitle>
 			</CardHeader>
 			<CardContent className="mx-auto flex max-w-fit flex-wrap items-center justify-center gap-4 px-2 sm:px-6">
 				<Link href="/annunci?tipo=Transitorio">
 					<Button
-						className="flex items-center gap-1 text-lg bg-transitorio text-black border-2 border-white"
+						className="flex items-center gap-1 border-2 border-white bg-transitorio text-black text-lg"
 						size="lg"
 						variant="flat"
 					>
@@ -125,7 +125,7 @@ const FrequentSearches = () => {
 				</Link>
 				<Link href="/annunci?tipo=Stabile">
 					<Button
-						className="flex items-center gap-1 text-lg bg-stabile text-black border-2 border-whiteborder-2 border-white"
+						className="flex items-center gap-1 border-2 border-white border-whiteborder-2 bg-stabile text-black text-lg"
 						size="lg"
 						variant="flat"
 					>
@@ -135,7 +135,7 @@ const FrequentSearches = () => {
 				</Link>
 				<Link href="/annunci?comune=Bassano+del+Grappa">
 					<Button
-						className="flex items-center gap-1 text-lg border-2 border-white"
+						className="flex items-center gap-1 border-2 border-white text-lg"
 						size="lg"
 					>
 						Bassano del Grappa
@@ -145,7 +145,7 @@ const FrequentSearches = () => {
 
 				<Link href="/annunci?comune=Bassano+del+Grappa&tipo=Transitorio">
 					<Button
-						className="flex items-center gap-1 text-lg bg-transitorio text-black border-2 border-white"
+						className="flex items-center gap-1 border-2 border-white bg-transitorio text-black text-lg"
 						size="lg"
 						variant="flat"
 					>
@@ -156,7 +156,7 @@ const FrequentSearches = () => {
 
 				<Link href="/annunci?comune=Marostica">
 					<Button
-						className="flex items-center gap-1 text-lg border-2 border-white"
+						className="flex items-center gap-1 border-2 border-white text-lg"
 						size="lg"
 					>
 						Marostica
diff --git a/apps/infoalloggi/src/pages/prezzi.tsx b/apps/infoalloggi/src/pages/prezzi.tsx
index 1cadab8..d11171c 100644
--- a/apps/infoalloggi/src/pages/prezzi.tsx
+++ b/apps/infoalloggi/src/pages/prezzi.tsx
@@ -43,7 +43,7 @@ const Prezzi: NextPage = () => {
 				<meta content={t.heads.prezzi_description} name="description" />
 			</Head>
 			<section className="mx-auto max-w-7xl px-2 py-5 md:px-8">
-				<div className="bg-primary/10 text-primary inline-block rounded-md px-3 py-1 text-sm">
+				<div className="inline-block rounded-md bg-primary/10 px-3 py-1 text-primary text-sm">
 					{t.prezzi_titolo}
 				</div>
 				<div className="mt-5 space-y-14">
@@ -51,7 +51,7 @@ const Prezzi: NextPage = () => {
 						className="mx-auto flex max-w-5xl flex-col items-center gap-8"
 						id="transitorio"
 					>
-						<h1 className="text-4xl font-semibold">
+						<h1 className="font-semibold text-4xl">
 							{t.prezzi.titolo_servizio_transitori}
 						</h1>
 						<PricingComponent
@@ -79,7 +79,7 @@ const Prezzi: NextPage = () => {
 											<IconMatrix type={item.icon} />
 										</div>
 										<div>
-											<h4 className="text-lg font-semibold text-gray-800">
+											<h4 className="font-semibold text-gray-800 text-lg">
 												{item.titolo}
 											</h4>
 											<p className="mt-3">{item.desc}</p>
@@ -100,7 +100,7 @@ const Prezzi: NextPage = () => {
 						className="mx-auto flex max-w-5xl flex-col items-center gap-8"
 						id="stabile"
 					>
-						<h1 className="text-4xl font-semibold">
+						<h1 className="font-semibold text-4xl">
 							{t.prezzi.titolo_servizio_stabile}
 						</h1>
 						<PricingComponent
@@ -124,7 +124,7 @@ const Prezzi: NextPage = () => {
 											<IconMatrix type={item.icon} />
 										</div>
 										<div>
-											<h4 className="text-lg font-semibold text-gray-800">
+											<h4 className="font-semibold text-gray-800 text-lg">
 												{item.titolo}
 											</h4>
 											<p className="mt-3">{item.desc}</p>
@@ -144,7 +144,7 @@ const Prezzi: NextPage = () => {
 						className="mx-auto flex max-w-5xl flex-col items-center gap-8"
 						id="contratti"
 					>
-						<h1 className="text-4xl font-semibold">
+						<h1 className="font-semibold text-4xl">
 							{t.prezzi.titolo_servizio_contratti}
 						</h1>
 
@@ -171,7 +171,7 @@ const Prezzi: NextPage = () => {
 											<IconMatrix type={item.icon} />
 										</div>
 										<div>
-											<h4 className="text-lg font-semibold text-gray-800">
+											<h4 className="font-semibold text-gray-800 text-lg">
 												{item.titolo}
 											</h4>
 											<p className="mt-3">{item.desc}</p>
diff --git a/apps/infoalloggi/src/pages/proprietari.tsx b/apps/infoalloggi/src/pages/proprietari.tsx
index 2b12215..46c7223 100644
--- a/apps/infoalloggi/src/pages/proprietari.tsx
+++ b/apps/infoalloggi/src/pages/proprietari.tsx
@@ -17,19 +17,19 @@ const Proprietari: NextPage = () => {
 				<meta content={t.proprietari.description} name="description" />
 			</Head>
 			<main className="mx-auto w-full max-w-7xl space-y-5 px-2 py-5 md:px-8">
-				<div className="bg-primary/10 text-primary inline-block rounded-md px-3 py-1 text-sm">
+				<div className="inline-block rounded-md bg-primary/10 px-3 py-1 text-primary text-sm">
 					{t.proprietari.titolo}
 				</div>
 				<div className="mx-auto w-full space-y-5 sm:space-y-14">
 					<section className="relative mx-auto flex max-w-6xl flex-col-reverse items-center justify-between gap-8 px-4 py-4 sm:flex-row sm:gap-20 md:px-8">
 						<div className="max-w-lg flex-1 py-5 sm:mx-auto sm:text-center md:max-w-max md:text-left">
-							<h3 className="text-3xl font-semibold text-gray-800 md:text-4xl">
+							<h3 className="font-semibold text-3xl text-gray-800 md:text-4xl">
 								{t.proprietari.cta1.title1}{" "}
 								<span className="text-indigo-600">
 									{t.proprietari.cta1.title2}
 								</span>
 							</h3>
-							<p className="mt-3 leading-relaxed text-gray-500">
+							<p className="mt-3 text-gray-500 leading-relaxed">
 								{t.proprietari.cta1.desc}
 							</p>
 							<Link
@@ -71,14 +71,14 @@ const Proprietari: NextPage = () => {
 							/>
 						</div>
 						<div className="max-w-lg flex-1 py-5 sm:mx-auto sm:text-center md:max-w-max md:text-left">
-							<h3 className="text-3xl font-semibold text-gray-800 md:text-4xl">
+							<h3 className="font-semibold text-3xl text-gray-800 md:text-4xl">
 								{t.proprietari.cta2.title1}{" "}
 								<span className="text-indigo-600">
 									{t.proprietari.cta2.title2}
 								</span>
 								{t.proprietari.cta2.title3}
 							</h3>
-							<p className="mt-3 leading-relaxed text-gray-500">
+							<p className="mt-3 text-gray-500 leading-relaxed">
 								{t.proprietari.cta2.desc}
 							</p>
 							<Link
diff --git a/apps/infoalloggi/src/pages/servizio/acquisto-processing.tsx b/apps/infoalloggi/src/pages/servizio/acquisto-processing.tsx
index a08225b..85311ca 100644
--- a/apps/infoalloggi/src/pages/servizio/acquisto-processing.tsx
+++ b/apps/infoalloggi/src/pages/servizio/acquisto-processing.tsx
@@ -48,7 +48,7 @@ export default function AcquistoProcessing({
 
 	return (
 		<div className="mx-auto my-5 w-full max-w-lg space-y-8">
-			<h3 className="my-8 text-center text-xl font-bold tracking-wide text-neutral-700 uppercase dark:text-white">
+			<h3 className="my-8 text-center font-bold text-neutral-700 text-xl uppercase tracking-wide dark:text-white">
 				{t.acquisto_elaborazione.titolo}
 			</h3>
 
diff --git a/apps/infoalloggi/src/pages/servizio/condizioni/[stringaId].tsx b/apps/infoalloggi/src/pages/servizio/condizioni/[stringaId].tsx
index 6770288..c998192 100644
--- a/apps/infoalloggi/src/pages/servizio/condizioni/[stringaId].tsx
+++ b/apps/infoalloggi/src/pages/servizio/condizioni/[stringaId].tsx
@@ -29,7 +29,7 @@ const CondizioniPage: NextPageWithLayout<CondizioniProps> = ({
 		<div className="w-full grow space-y-4 p-4 sm:p-6">
 			{data && (
 				<div
-					className="mx-auto prose max-w-5xl"
+					className="prose mx-auto max-w-5xl"
 					dangerouslySetInnerHTML={{ __html: data.stringa_value || "" }}
 				/>
 			)}
diff --git a/apps/infoalloggi/src/pages/servizio/conferma-immobile/[...slug].tsx b/apps/infoalloggi/src/pages/servizio/conferma-immobile/[...slug].tsx
index 1144666..15058ee 100644
--- a/apps/infoalloggi/src/pages/servizio/conferma-immobile/[...slug].tsx
+++ b/apps/infoalloggi/src/pages/servizio/conferma-immobile/[...slug].tsx
@@ -38,13 +38,13 @@ const ConfermaImmobile: NextPageWithLayout<ConfermaImmobileProps> = ({
 		<div className="mx-2 flex flex-1 overflow-auto">
 			<div className="mx-auto flex grow sm:grow-0">
 				<div className="flex flex-col items-center space-y-4 py-4">
-					<h1 className="text-xl font-bold">{t.servizio.conferma.titolo}</h1>
+					<h1 className="font-bold text-xl">{t.servizio.conferma.titolo}</h1>
 					<p className="text-center">{t.servizio.conferma.descrizione}</p>
 
 					<FileSection storageId={data.doc_conferma_ref} />
 
 					<div className="flex max-w-3xl flex-col gap-2 rounded-md bg-green-400 p-4 text-left">
-						<p className="text-xl font-semibold">{t.servizio.conferma.cta}</p>
+						<p className="font-semibold text-xl">{t.servizio.conferma.cta}</p>
 						<p>{t.servizio.conferma.coordinate}</p>
 						<p>
 							{t.servizio.conferma.intestazione}{" "}
@@ -59,7 +59,7 @@ const ConfermaImmobile: NextPageWithLayout<ConfermaImmobileProps> = ({
 						<p>
 							{t.servizio.conferma.causale} {data.caparra_causale || ""}
 						</p>
-						<p className="text-xl font-semibold">
+						<p className="font-semibold text-xl">
 							{t.servizio.conferma.coord_footer}
 						</p>
 					</div>
@@ -113,7 +113,7 @@ const ConfirmSection = ({
 					/>
 					<div className="grid gap-1.5 leading-none">
 						<label
-							className="text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+							className="font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 							htmlFor="letto"
 						>
 							{t.servizio.conferma.ho_letto}
@@ -129,7 +129,7 @@ const ConfirmSection = ({
 					/>
 					<div className="grid gap-1.5 leading-none">
 						<label
-							className="text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+							className="font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 							htmlFor="termini"
 						>
 							{t.servizio.conferma.accetto}
@@ -141,7 +141,7 @@ const ConfirmSection = ({
 				</div>
 			</div>
 			<Button
-				className="h-fit text-pretty whitespace-normal"
+				className="h-fit whitespace-normal text-pretty"
 				disabled={!letto || !accettato}
 				onClick={() => {
 					// Handle confirmation logic here
diff --git a/apps/infoalloggi/src/pages/servizio/contratto-registrazione/[...slug].tsx b/apps/infoalloggi/src/pages/servizio/contratto-registrazione/[...slug].tsx
index c973918..b0eea0b 100644
--- a/apps/infoalloggi/src/pages/servizio/contratto-registrazione/[...slug].tsx
+++ b/apps/infoalloggi/src/pages/servizio/contratto-registrazione/[...slug].tsx
@@ -36,7 +36,7 @@ const ContrattoViewer: NextPageWithLayout<ContrattoViewerProps> = ({
 		<div className="mx-2 flex flex-1 overflow-auto">
 			<div className="mx-auto flex grow sm:grow-0">
 				<div className="flex flex-col items-center space-y-4 py-4">
-					<h1 className="text-xl font-bold">
+					<h1 className="font-bold text-xl">
 						{t.servizio.contratto_view.ricevuta}
 					</h1>
 					<p className="text-center">
diff --git a/apps/infoalloggi/src/pages/servizio/contratto/[...slug].tsx b/apps/infoalloggi/src/pages/servizio/contratto/[...slug].tsx
index 226ed14..552e0ec 100644
--- a/apps/infoalloggi/src/pages/servizio/contratto/[...slug].tsx
+++ b/apps/infoalloggi/src/pages/servizio/contratto/[...slug].tsx
@@ -36,7 +36,7 @@ const ContrattoViewer: NextPageWithLayout<ContrattoViewerProps> = ({
 		<div className="mx-2 flex flex-1 overflow-auto">
 			<div className="mx-auto flex grow sm:grow-0">
 				<div className="flex flex-col items-center space-y-4 py-4">
-					<h1 className="text-xl font-bold">{t.servizio.contratto.titolo}</h1>
+					<h1 className="font-bold text-xl">{t.servizio.contratto.titolo}</h1>
 					<p className="text-center">{t.servizio.contratto.descrizione}</p>
 					<FileSection storageId={data.doc_contratto_ref} />
 				</div>
diff --git a/apps/infoalloggi/src/pages/servizio/onboard/[servizioId].tsx b/apps/infoalloggi/src/pages/servizio/onboard/[servizioId].tsx
index 2d360f2..75ee221 100644
--- a/apps/infoalloggi/src/pages/servizio/onboard/[servizioId].tsx
+++ b/apps/infoalloggi/src/pages/servizio/onboard/[servizioId].tsx
@@ -30,7 +30,7 @@ const OnboardServizio: NextPageWithLayout<OnboardServizioProps> = ({
 	return (
 		<div className="mx-auto w-full max-w-6xl grow space-y-6 p-2 sm:px-8 sm:py-6">
 			<div className="flex justify-center">
-				<h3 className="text-primary text-3xl font-bold">
+				<h3 className="font-bold text-3xl text-primary">
 					{locale === "it" ? "Dettagli del servizio" : "Service Details"}
 				</h3>
 			</div>
diff --git a/apps/infoalloggi/src/pages/servizio/pagamento/[ordineId].tsx b/apps/infoalloggi/src/pages/servizio/pagamento/[ordineId].tsx
index 09b89c9..a85cffe 100644
--- a/apps/infoalloggi/src/pages/servizio/pagamento/[ordineId].tsx
+++ b/apps/infoalloggi/src/pages/servizio/pagamento/[ordineId].tsx
@@ -34,7 +34,7 @@ const ServicePurchasePage: NextPageWithLayout<ServizioPurchaseProps> = ({
 	return (
 		<div className="mx-auto w-full max-w-6xl grow space-y-4 p-2 sm:px-8 sm:py-4">
 			<div className="flex justify-between">
-				<h3 className="text-primary text-3xl font-bold">
+				<h3 className="font-bold text-3xl text-primary">
 					{t.acquisto.pagamento}
 				</h3>
 			</div>
diff --git a/apps/infoalloggi/src/pages/servizio/pre-onboard/[servizioId].tsx b/apps/infoalloggi/src/pages/servizio/pre-onboard/[servizioId].tsx
index b8cec09..246d7e8 100644
--- a/apps/infoalloggi/src/pages/servizio/pre-onboard/[servizioId].tsx
+++ b/apps/infoalloggi/src/pages/servizio/pre-onboard/[servizioId].tsx
@@ -58,7 +58,7 @@ const PreOnboardServizio: NextPageWithLayout<PreOnboardServizioProps> = ({
 					<ComeFunziona />
 					<PrezziShow />
 					<div className="flex w-full flex-wrap items-center justify-center gap-4 py-4">
-						<h3 className="text-xl font-semibold">{texts.hai_domande}</h3>
+						<h3 className="font-semibold text-xl">{texts.hai_domande}</h3>
 						<Link href="/guida#faq" target="_blank">
 							<Button variant="outline">{texts.consulta_faq}</Button>
 						</Link>
diff --git a/apps/infoalloggi/src/pages/servizio/riapri-conferma/[...slug].tsx b/apps/infoalloggi/src/pages/servizio/riapri-conferma/[...slug].tsx
index 25c7c73..2d250da 100644
--- a/apps/infoalloggi/src/pages/servizio/riapri-conferma/[...slug].tsx
+++ b/apps/infoalloggi/src/pages/servizio/riapri-conferma/[...slug].tsx
@@ -38,13 +38,13 @@ const RiapriConferma: NextPageWithLayout<RiapriConfermaProps> = ({
 		<div className="mx-2 flex flex-1 overflow-auto">
 			<div className="mx-auto flex grow sm:grow-0">
 				<div className="flex flex-col items-center space-y-4 py-4">
-					<h1 className="text-xl font-bold">{t.servizio.conferma.titolo}</h1>
+					<h1 className="font-bold text-xl">{t.servizio.conferma.titolo}</h1>
 					<p className="text-center">{t.servizio.conferma.descrizione}</p>
 
 					<FileSection storageId={data.doc_conferma_ref} />
 
 					<div className="flex max-w-3xl flex-col gap-2 rounded-md bg-green-400 p-4 text-left">
-						<p className="text-xl font-semibold">{t.servizio.conferma.cta}</p>
+						<p className="font-semibold text-xl">{t.servizio.conferma.cta}</p>
 						<p>{t.servizio.conferma.coordinate}</p>
 						<p>
 							{t.servizio.conferma.intestazione}{" "}
@@ -59,7 +59,7 @@ const RiapriConferma: NextPageWithLayout<RiapriConfermaProps> = ({
 						<p>
 							{t.servizio.conferma.causale} {data.caparra_causale || ""}
 						</p>
-						<p className="text-xl font-semibold">
+						<p className="font-semibold text-xl">
 							{t.servizio.conferma.coord_footer}
 						</p>
 					</div>
diff --git a/apps/infoalloggi/src/pages/test.tsx b/apps/infoalloggi/src/pages/test.tsx
index 73de635..3f674ec 100644
--- a/apps/infoalloggi/src/pages/test.tsx
+++ b/apps/infoalloggi/src/pages/test.tsx
@@ -4,7 +4,7 @@ import { Button } from "~/components/ui/button";
 
 const Test: NextPage = () => {
 	return (
-		<div className="flex  gap-4 p-4">
+		<div className="flex gap-4 p-4">
 			<Button onClick={() => toast.success("asdasdasdasdasda")} type="button">
 				test
 			</Button>
