Getting rid of TODO by making link configurable

frontend/src/routes/components/overviewGuestButton.tsx

@@ -6,7 +6,14 @@ import { useHistory } from 'react-router-dom'
 import ArrowBackIcon from '@mui/icons-material/ArrowBack'
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward'
 
-export default function OverviewGuestButton() {
+interface OverviewGuestButtonProperties {
+  backArrow?: string
+}
+
+export default function OverviewGuestButton(
+  properties: OverviewGuestButtonProperties
+) {
+  const { backArrow } = properties
   const { t } = useTranslation(['common'])
   const history = useHistory()
 
@@ -23,8 +30,15 @@ export default function OverviewGuestButton() {
         justifyContent: 'space-evenly',
       }}
     >
-      {/* TODO Where should the back arrow point to? */}
-      <ArrowBackIcon />
+      {backArrow !== undefined ? (
+        <ArrowBackIcon
+          onClick={() => {
+            history.push(backArrow)
+          }}
+        />
+      ) : (
+        <ArrowBackIcon visibility="hidden" />
+      )}
 
       <Box
         sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}