fixed code

frontend/src/pages/SuccessPage.tsx

@@ -36,7 +36,7 @@ export const SuccessPage = () => {
   });
 
   return (
-    <div className="min-h-screen w-full flex items-center justify-center bg-gradient-to-br from-slate-800 to-slate-900 p-4">
+    <div className="min-h-screen w-full flex items-center justify-center bg-linear-to-br from-slate-800 to-slate-900 p-4">
       <Sheet
         variant="plain"
         sx={{
@@ -82,7 +82,10 @@ export const SuccessPage = () => {
 
         {/* Headline */}
         <div style={fadeUp("0.2s")}>
-          <Typography level="h3" sx={{ fontWeight: 700, color: "#15803d", mb: 1 }}>
+          <Typography
+            level="h3"
+            sx={{ fontWeight: 700, color: "#15803d", mb: 1 }}
+          >
             {t("form-submitted-successfully")}
           </Typography>
         </div>
@@ -110,8 +113,18 @@ export const SuccessPage = () => {
 
         {/* Order ID chip */}
         {orderId && (
-          <div style={fadeUp("0.4s")} className="flex flex-col items-center gap-1 mb-4">
+          <div
-            <Typography level="body-xs" sx={{ color: "#9ca3af", textTransform: "uppercase", letterSpacing: "0.08em" }}>
+            style={fadeUp("0.4s")}
+            className="flex flex-col items-center gap-1 mb-4"
+          >
+            <Typography
+              level="body-xs"
+              sx={{
+                color: "#9ca3af",
+                textTransform: "uppercase",
+                letterSpacing: "0.08em",
+              }}
+            >
               {t("entry-id")}
             </Typography>
             <Chip
@@ -138,7 +151,9 @@ export const SuccessPage = () => {
               borderRadius: "12px",
               fontWeight: 700,
               background: "linear-gradient(135deg, #2563eb, #1d4ed8)",
-              "&:hover": { background: "linear-gradient(135deg, #1d4ed8, #1e40af)" },
+              "&:hover": {
+                background: "linear-gradient(135deg, #1d4ed8, #1e40af)",
+              },
             }}
           >
             {seconds}s &mdash; {t("return-to-homepage")}
@@ -146,11 +161,11 @@ export const SuccessPage = () => {
         </div>
 
         {/* Thank-you note */}
-        <div
+        <div style={fadeUp("0.5s")} className="pt-4 border-t border-slate-100">
-          style={fadeUp("0.5s")}
+          <Typography
-          className="pt-4 border-t border-slate-100"
+            level="body-sm"
+            sx={{ color: "#9ca3af", lineHeight: 1.6 }}
           >
-          <Typography level="body-sm" sx={{ color: "#9ca3af", lineHeight: 1.6 }}>
             {t("thank-you")}
           </Typography>
         </div>