format: Apply Prettier to existing codebase

Formatting-only changes across all component and story files.
No logic or behaviour changes — only whitespace, line breaks, and trailing commas.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/components/organisms/FuneralFinder/FuneralFinder.tsx

@@ -146,7 +146,11 @@ function ChoiceCard({
         </Typography>
       </Box>
       {description && (
-        <Typography variant="caption" component="span" sx={{ display: 'block', mt: 0.5, color: 'text.secondary' }}>
+        <Typography
+          variant="caption"
+          component="span"
+          sx={{ display: 'block', mt: 0.5, color: 'text.secondary' }}
+        >
           {description}
         </Typography>
       )}
@@ -214,12 +218,20 @@ function TypeCard({
         </Typography>
       </Box>
       {description && (
-        <Typography variant="caption" component="span" sx={{ display: 'block', mt: 0.25, color: 'text.secondary' }}>
+        <Typography
+          variant="caption"
+          component="span"
+          sx={{ display: 'block', mt: 0.25, color: 'text.secondary' }}
+        >
           {description}
         </Typography>
       )}
       {note && (
-        <Typography variant="captionSm" component="span" sx={{ display: 'block', mt: 0.5, color: 'text.secondary', fontWeight: 500 }}>
+        <Typography
+          variant="captionSm"
+          component="span"
+          sx={{ display: 'block', mt: 0.5, color: 'text.secondary', fontWeight: 500 }}
+        >
           {note}
         </Typography>
       )}
@@ -261,7 +273,13 @@ function CompletedRow({
         onClick={onChangeClick}
         underline="hover"
         aria-label={`Change ${question.toLowerCase()}`}
-        sx={{ color: 'text.secondary', ml: 'auto', minHeight: 44, display: 'inline-flex', alignItems: 'center' }}
+        sx={{
+          color: 'text.secondary',
+          ml: 'auto',
+          minHeight: 44,
+          display: 'inline-flex',
+          alignItems: 'center',
+        }}
       >
         Change
       </Link>
@@ -348,9 +366,11 @@ export const FuneralFinder = React.forwardRef<HTMLDivElement, FuneralFinderProps
     const typeSummary = [typeLabel, themeSuffix].filter(Boolean).join(', ');
 
     const serviceLabel =
-      servicePref === 'with-service' ? 'With a service'
-      : servicePref === 'without-service' ? 'No service'
-      : 'Flexible';
+      servicePref === 'with-service'
+        ? 'With a service'
+        : servicePref === 'without-service'
+          ? 'No service'
+          : 'Flexible';
 
     // ─── Handlers ───────────────────────────────────────────────────
     const selectIntent = (value: Intent) => {
@@ -409,7 +429,7 @@ export const FuneralFinder = React.forwardRef<HTMLDivElement, FuneralFinderProps
         intent,
         planningFor: needsPlanningFor ? (planningFor ?? undefined) : undefined,
         funeralTypeId: isExploreAll ? null : (typeSelection ?? null),
-        servicePreference: (showServiceStep && serviceAnswered) ? servicePref : 'either',
+        servicePreference: showServiceStep && serviceAnswered ? servicePref : 'either',
         themes: selectedThemes,
         location: location.trim(),
       });
@@ -448,16 +468,32 @@ export const FuneralFinder = React.forwardRef<HTMLDivElement, FuneralFinderProps
 
         {/* ── Completed rows ─────────────────────────────────────── */}
         <Collapse in={intent !== null && activeStep !== 1} timeout={250}>
-          <CompletedRow question="I'm here to" answer={intentLabel} onChangeClick={() => revertTo(1)} />
+          <CompletedRow
+            question="I'm here to"
+            answer={intentLabel}
+            onChangeClick={() => revertTo(1)}
+          />
         </Collapse>
         <Collapse in={needsPlanningFor && planningFor !== null && activeStep !== 2} timeout={250}>
-          <CompletedRow question="Planning for" answer={planningForLabel} onChangeClick={() => revertTo(2)} />
+          <CompletedRow
+            question="Planning for"
+            answer={planningForLabel}
+            onChangeClick={() => revertTo(2)}
+          />
         </Collapse>
         <Collapse in={typeSelected && activeStep !== 3} timeout={250}>
-          <CompletedRow question="Looking for" answer={typeSummary} onChangeClick={() => revertTo(3)} />
+          <CompletedRow
+            question="Looking for"
+            answer={typeSummary}
+            onChangeClick={() => revertTo(3)}
+          />
         </Collapse>
         <Collapse in={showServiceStep && serviceAnswered && activeStep !== 4} timeout={250}>
-          <CompletedRow question="Service" answer={serviceLabel} onChangeClick={() => revertTo(4)} />
+          <CompletedRow
+            question="Service"
+            answer={serviceLabel}
+            onChangeClick={() => revertTo(4)}
+          />
         </Collapse>
 
         {/* ── Step 1: Intent ─────────────────────────────────────── */}
@@ -467,13 +503,22 @@ export const FuneralFinder = React.forwardRef<HTMLDivElement, FuneralFinderProps
               <Typography
                 variant="caption"
                 role="alert"
-                sx={{ color: 'var(--fa-color-brand-600)', textAlign: 'center', display: 'block', mb: 1.5 }}
+                sx={{
+                  color: 'var(--fa-color-brand-600)',
+                  textAlign: 'center',
+                  display: 'block',
+                  mb: 1.5,
+                }}
               >
                 Please let us know how we can help
               </Typography>
             )}
             <StepHeading>How can we help you today?</StepHeading>
-            <Box role="radiogroup" aria-label="How can we help" sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>
+            <Box
+              role="radiogroup"
+              aria-label="How can we help"
+              sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}
+            >
               <ChoiceCard
                 label="Arrange a funeral now"
                 description="Someone has passed and I need to make arrangements"
@@ -494,7 +539,11 @@ export const FuneralFinder = React.forwardRef<HTMLDivElement, FuneralFinderProps
         <Collapse in={activeStep === 2 && needsPlanningFor} timeout={250}>
           <Box sx={{ mt: 3 }}>
             <StepHeading>Who are you planning for?</StepHeading>
-            <Box role="radiogroup" aria-label="Who are you planning for" sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>
+            <Box
+              role="radiogroup"
+              aria-label="Who are you planning for"
+              sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}
+            >
               <ChoiceCard
                 label="Myself"
                 description="I want to plan my own funeral in advance"
@@ -515,7 +564,11 @@ export const FuneralFinder = React.forwardRef<HTMLDivElement, FuneralFinderProps
         <Collapse in={activeStep === 3} timeout={250}>
           <Box sx={{ mt: 3 }}>
             <StepHeading>What type of funeral are you considering?</StepHeading>
-            <Box role="radiogroup" aria-label="Type of funeral" sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>
+            <Box
+              role="radiogroup"
+              aria-label="Type of funeral"
+              sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}
+            >
               {funeralTypes.map((ft) => (
                 <TypeCard
                   key={ft.id}
@@ -543,11 +596,20 @@ export const FuneralFinder = React.forwardRef<HTMLDivElement, FuneralFinderProps
                   <Typography variant="body2" component="span" sx={{ fontWeight: 600 }}>
                     Any preferences?
                   </Typography>
-                  <Typography variant="caption" component="span" color="text.secondary" sx={{ ml: 0.75 }}>
+                  <Typography
+                    variant="caption"
+                    component="span"
+                    color="text.secondary"
+                    sx={{ ml: 0.75 }}
+                  >
                     (optional)
                   </Typography>
                 </Box>
-                <Box role="group" aria-label="Preferences" sx={{ display: 'flex', gap: 1, flexWrap: 'wrap' }}>
+                <Box
+                  role="group"
+                  aria-label="Preferences"
+                  sx={{ display: 'flex', gap: 1, flexWrap: 'wrap' }}
+                >
                   {themeOptions.map((theme) => {
                     const isSelected = selectedThemes.includes(theme.id);
                     return (
@@ -573,7 +635,11 @@ export const FuneralFinder = React.forwardRef<HTMLDivElement, FuneralFinderProps
         <Collapse in={activeStep === 4 && showServiceStep} timeout={250}>
           <Box sx={{ mt: 3 }}>
             <StepHeading>Would you like a service?</StepHeading>
-            <Box role="group" aria-label="Service preference" sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
+            <Box
+              role="group"
+              aria-label="Service preference"
+              sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}
+            >
               {SERVICE_OPTIONS.map((opt) => (
                 <Chip
                   key={opt.value}
@@ -583,7 +649,11 @@ export const FuneralFinder = React.forwardRef<HTMLDivElement, FuneralFinderProps
                   onClick={() => selectService(opt.value)}
                   clickable
                   aria-pressed={serviceAnswered && servicePref === opt.value}
-                  sx={{ justifyContent: 'flex-start', height: 44, borderRadius: 'var(--fa-border-radius-md)' }}
+                  sx={{
+                    justifyContent: 'flex-start',
+                    height: 44,
+                    borderRadius: 'var(--fa-border-radius-md)',
+                  }}
                 />
               ))}
             </Box>