Move constant inline styles into makeStyles

frontend/src/pages/jails/BanUnbanForm.tsx

@@ -7,7 +7,6 @@ import {
   MessageBarBody,
   Select,
   Text,
-  tokens,
 } from "@fluentui/react-components";
 import { LockClosedRegular, LockOpenRegular } from "@fluentui/react-icons";
 import { useCommonSectionStyles } from "../../components/commonStyles";
@@ -142,7 +141,7 @@ export function BanUnbanForm({ jailNames, onBan, onUnban }: BanUnbanFormProps):
         </Button>
       </div>
 
-      <Text size={300} weight="semibold" style={{ marginTop: tokens.spacingVerticalS }}>
+      <Text size={300} weight="semibold" className={styles.sectionHeadingSpacing}>
         Unban an IP
       </Text>
       <div className={styles.formRow}>