chore: add restart button for generic error component

Author: achou11

messages/renderer/en.json

@@ -23,6 +23,10 @@
     "description": "Text for button to reload page.",
     "message": "Reload"
   },
+  "components.generic-route-error-component.restart": {
+    "description": "Text for button to restart app.",
+    "message": "Restart"
+  },
   "components.generic-route-error-component.somethinWentWrong": {
     "description": "Title text of page error",
     "message": "Something went wrong"

src/renderer/src/components/generic-route-error-component.tsx

@@ -84,6 +84,7 @@ export function GenericRouteErrorComponent({ error }: ErrorComponentProps) {
 				display="flex"
 				flexDirection="column"
 				alignItems="center"
+				gap={4}
 			>
 				<Button
 					fullWidth
@@ -97,6 +98,20 @@ export function GenericRouteErrorComponent({ error }: ErrorComponentProps) {
 				>
 					{t(m.reload)}
 				</Button>
+
+				<Button
+					fullWidth
+					variant="outlined"
+					onClick={() => {
+						router.navigate({
+							href: buildDocumentReloadURL(router, '/'),
+							reloadDocument: true,
+						})
+					}}
+					sx={{ maxWidth: 400 }}
+				>
+					{t(m.restart)}
+				</Button>
 			</Box>
 		</Stack>
 	)
@@ -123,4 +138,9 @@ const m = defineMessages({
 		defaultMessage: 'Reload',
 		description: 'Text for button to reload page.',
 	},
+	restart: {
+		id: 'components.generic-route-error-component.restart',
+		defaultMessage: 'Restart',
+		description: 'Text for button to restart app.',
+	},
 })