Refactor frontend pages and config components into single-component files for Task 13

frontend/src/pages/jails/jailsPageStyles.ts

@@ -0,0 +1,46 @@
+import { makeStyles, tokens } from "@fluentui/react-components";
+
+export const useJailsPageStyles = makeStyles({
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    gap: tokens.spacingVerticalL,
+  },
+  tableWrapper: { overflowX: "auto" },
+  centred: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: tokens.spacingVerticalXXL,
+  },
+  mono: {
+    fontFamily: tokens.fontFamilyMonospace,
+    fontSize: tokens.fontSizeBase200,
+  },
+  formRow: {
+    display: "flex",
+    flexWrap: "wrap",
+    gap: tokens.spacingHorizontalM,
+    alignItems: "flex-end",
+  },
+  formField: { minWidth: "180px", flexGrow: 1 },
+  actionRow: {
+    display: "flex",
+    flexWrap: "wrap",
+    gap: tokens.spacingHorizontalS,
+  },
+  lookupResult: {
+    display: "flex",
+    flexDirection: "column",
+    gap: tokens.spacingVerticalS,
+    marginTop: tokens.spacingVerticalS,
+    padding: tokens.spacingVerticalS,
+  },
+  lookupRow: {
+    display: "flex",
+    gap: tokens.spacingHorizontalM,
+    flexWrap: "wrap",
+    alignItems: "center",
+  },
+  lookupLabel: { fontWeight: tokens.fontWeightSemibold },
+});