Fix unique key issue in WizzardStepper

Fixes a web console complaint about missing unique keys in the
WizzardSteppers. I deem using .filter() a nicer solution than a ternary
operator that checks if the hidden property of the current label object
is false and rendering an empty fragment. This is probably also what
made the console unhappy.

Signed-off-by: Daniel Ziegenberg <daniel@ziegenberg.at>

app/src/components/shared/wizard/WizardStepper.tsx

@@ -69,17 +69,15 @@ const WizardStepper = ({
 			connector={false}
 			className={cn("step-by-step", classes.root)}
 		>
-			{steps.map((label, key) =>
-				!label.hidden ? (
+			{steps.filter(step => !step.hidden).map((label, key) => (
 					<Step key={label.translation} completed={completed[key]}>
 						<StepButton onClick={() => handleOnClick(key)} disabled={disabled}>
 							<StepLabel StepIconComponent={CustomStepIcon}>
 								{t(label.translation)}
 							</StepLabel>
 						</StepButton>
 					</Step>
-				) : <></>
-			)}
+			))}
 		</Stepper>
 	);
 };

app/src/components/shared/wizard/WizardStepperEvent.tsx

@@ -62,17 +62,15 @@ const WizardStepperEvent = ({
 			connector={false}
 			className={cn("step-by-step", classes.root)}
 		>
-			{steps.map((label, key) =>
-				!label.hidden ? (
+			{steps.filter(step => !step.hidden).map((label, key) => (
 					<Step key={label.translation} completed={completed[key]}>
 						<StepButton onClick={() => handleOnClick(key)}>
 							<StepLabel StepIconComponent={CustomStepIcon}>
 								{t(label.translation)}
 							</StepLabel>
 						</StepButton>
 					</Step>
-				) : <></>
-			)}
+			))}
 		</Stepper>
 	);
 };