Wrap everything in the fallback just in case

Author: noemifrisina

src/routes/Extruder.tsx

@@ -1,26 +1,30 @@
 import { Box, Typography, useTheme } from "@mui/material";
 import { ReadOnlyInputs } from "components/ReadOnlyInputs";
 import { ParamsPanel } from "screens/CollectionPanel";
+import { ErrorBoundary } from "react-error-boundary";
+import { FallbackScreen } from "screens/FallbackScreen";
 
 export function Extruder() {
   const theme = useTheme();
   return (
-    <Box marginTop={2}>
-      <Typography
-        variant="h1"
-        sx={{
-          color: theme.palette.info.main,
-          fontSize: 24,
-          fontWeight: "fontWeightBold",
-        }}
-      >
-        Extruder Data Collection Setup
-      </Typography>
-      <ReadOnlyInputs
-        visit="ca://BL24I-MO-IOC-13:GP1"
-        detector="ca://BL24I-MO-IOC-13:GP15"
-      />
-      <ParamsPanel expt="extruder" />
-    </Box>
+    <ErrorBoundary fallback={<FallbackScreen />}>
+      <Box marginTop={2}>
+        <Typography
+          variant="h1"
+          sx={{
+            color: theme.palette.info.main,
+            fontSize: 24,
+            fontWeight: "fontWeightBold",
+          }}
+        >
+          Extruder Data Collection Setup
+        </Typography>
+        <ReadOnlyInputs
+          visit="ca://BL24I-MO-IOC-13:GP1"
+          detector="ca://BL24I-MO-IOC-13:GP15"
+        />
+        <ParamsPanel expt="extruder" />
+      </Box>
+    </ErrorBoundary>
   );
 }

src/screens/CollectionPanel.tsx

@@ -1,14 +1,15 @@
 import { Box, Typography } from "@mui/material";
 import { CollectionSetupFt } from "components/FixedTarget/CollectionSetupFt";
 import { CollectionSetupEx } from "components/Extruder/CollectionSetupEx";
-
+import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
 type ExptType = {
   expt: "extruder" | "fixed-target" | "jf";
 };
 
 function FallbackScreen() {
   return (
-    <Box>
+    <Box alignContent={"center"}>
+      <ErrorOutlineIcon color="error" fontSize="large" />
       <Typography component="h1" variant="h4">
         Page currently unavailable
       </Typography>