Add starting page and route for JF rotations

Author: noemifrisina

src/App.tsx

@@ -6,6 +6,7 @@ import { BeamlineI24 } from "./routes/BeamlineI24";
 import { FixedTarget } from "./routes/FixedTarget";
 import { SerialNavBar } from "./components/SerialNavBar";
 import { Extruder } from "./routes/Extruder";
+import { JfRotation } from "./routes/JungfrauRotation";
 
 function App() {
   const theme = useTheme();
@@ -31,6 +32,9 @@ function App() {
         <Route path="/extruder">
           <Extruder />
         </Route>
+        <Route path="/jungfrau">
+          <JfRotation />
+        </Route>
       </Switch>
       <Footer
         logo={theme.logos?.short}

src/routes/JungfrauRotation.tsx

@@ -0,0 +1,19 @@
+import { Box, Typography, useTheme } from "@mui/material";
+
+export function JfRotation() {
+  const theme = useTheme();
+  return (
+    <Box marginTop={2}>
+      <Typography
+        variant="h1"
+        sx={{
+          color: theme.palette.info.main,
+          fontSize: 24,
+          fontWeight: "fontWeightBold",
+        }}
+      >
+        Jungfrau Rotation Scans Setup
+      </Typography>
+    </Box>
+  );
+}