chore: update UI components for improved consistency and dark mode support

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 font-bold text-2xl text-neutral-700 uppercase tracking-wide">
+			<h3 className="mt-2 text-center font-bold text-2xl uppercase tracking-wide">
 				{t.acquisto.titolo}
 			</h3>
 			{(() => {
@@ -124,10 +124,6 @@ const PricePreparation = ({
 				</>
 			) : (
 				<div className="space-y-8">
-					<h3 className="text-center font-semibold text-2xl">
-						{t.acquisto.servizi_acquisto}
-					</h3>
-
 					<div className="space-y-6">
 						<p className="text-3xl">{prezziario.nome_it}</p>
 						<p className="text-lg">

apps/infoalloggi/src/components/servizio/main.tsx

@@ -186,7 +186,7 @@ export const ServizioContent = () => {
 									{servizio.annunci.map((data) => (
 										<div className="group relative" key={data.id}>
 											<AnnuncioDisplay
-												className="bg-[#e6e9ec]/50"
+												className="bg-[#e6e9ec]/50 dark:bg-card dark:outline dark:outline-foreground/10"
 												data={{
 													...data,
 													modificato_il: data.modificato_il

apps/infoalloggi/src/components/ui/drawer.tsx

@@ -83,7 +83,7 @@ function DrawerContent({
 				data-slot="drawer-content"
 				{...props}
 			>
-				<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" />
+				<div className="mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block dark:bg-accent" />
 				{children}
 			</DrawerPrimitive.Content>
 		</DrawerPortal>

apps/infoalloggi/src/i18n/en.ts

@@ -202,11 +202,9 @@ export const en: LangDict = {
 	},
 	acquisto: {
 		leggi_condizioni: "Read the purchase conditions",
-		pagamento: "Payment",
 		preparazione: "PAYMENT IN PREPARATION",
 		procedi_pagamento: " Proceed to payment",
-		servizi_acquisto: "SERVICE IN PURCHASE",
+		titolo: "SERVICE PURCHASE",
-		titolo: "PURCHASE",
 	},
 	acquisto_elaborazione: {
 		failed_desc: "Your payment was not successful. Please contact support",

apps/infoalloggi/src/i18n/it.ts

@@ -206,11 +206,9 @@ export const it: LangDict = {
 	},
 	acquisto: {
 		leggi_condizioni: "Leggi le condizioni di acquisto",
-		pagamento: "Pagamento",
 		preparazione: "PAGAMENTO IN PREPARAZIONE",
 		procedi_pagamento: "Procedi al pagamento",
-		servizi_acquisto: "SERVIZIO IN ACQUISTO",
+		titolo: "ACQUISTO SERVIZIO",
-		titolo: "ACQUISTO",
 	},
 	acquisto_elaborazione: {
 		failed_desc: "Il pagamento non è andato a buon fine. Contatta il supporto",

apps/infoalloggi/src/i18n/locales.ts

@@ -278,10 +278,8 @@ export type LangDict = {
 		in_aggiornamento: string;
 	};
 	acquisto: {
-		pagamento: string;
 		titolo: string;
 		preparazione: string;
-		servizi_acquisto: string;
 		leggi_condizioni: string;
 		procedi_pagamento: string;
 	};

apps/infoalloggi/src/pages/servizio/pagamento/[ordineId].tsx

@@ -33,9 +33,6 @@ 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="font-bold text-3xl">{t.acquisto.pagamento}</h3>
-			</div>
 			<AcquistoProcessing
 				packId={data.ordine.packid}
 				paymentId={data.payment.id}