Fix lint error

src/client/src/pages/detail/detailHeader.tsx

@@ -17,7 +17,7 @@ import {
 import DateText from "../../components/legacyComponents/dateText";
 import { PromptContext } from "../../components/prompt/promptContext.tsx";
 import { DetailHeaderStack } from "../../components/styledComponents.ts";
-import { useFormDirty } from "./FormDirtyContext.tsx";
+import { useFormDirty } from "./useFormDirty.tsx";
 
 interface DetailHeaderProps {
   editingEnabled: boolean;

src/client/src/pages/detail/detailPage.tsx

@@ -16,7 +16,7 @@ import { DetailPageContent } from "./detailPageContent.tsx";
 import { DetailSideNav } from "./detailSideNav.tsx";
 import { BoreholeFormInputs } from "./form/borehole/boreholePanelInterfaces.ts";
 import { LocationFormInputs, LocationFormSubmission } from "./form/location/locationPanelInterfaces.tsx";
-import { FormDirtyProvider } from "./FormDirtyContext.tsx";
+import { FormDirtyProvider } from "./formDirtyContext.tsx";
 import { useLabelingContext } from "./labeling/labelingInterfaces.tsx";
 import LabelingPanel from "./labeling/labelingPanel.tsx";
 import { SaveBar } from "./saveBar";

src/client/src/pages/detail/form/useFormWithSaveBar.ts

@@ -1,8 +1,8 @@
 import { ForwardedRef, useCallback, useEffect, useImperativeHandle } from "react";
 import { FieldValues, UseFormReturn } from "react-hook-form";
 import { useHistory } from "react-router-dom";
-import { useFormDirty } from "../FormDirtyContext.tsx";
 import { useBlockNavigation } from "../useBlockNavigation.tsx";
+import { useFormDirty } from "../useFormDirty.tsx";
 
 interface UseFormWithSaveBarProps<T extends FieldValues> {
   formMethods: UseFormReturn<T>;

src/client/src/pages/detail/FormDirtyContext.tsx → src/client/src/pages/detail/formDirtyContext.tsx

@@ -1,20 +1,14 @@
-import React, { createContext, useContext, useState } from "react";
+import React, { createContext, useState } from "react";
 
 interface FormDirtyContextType {
   isFormDirty: boolean;
   setIsFormDirty: (dirty: boolean) => void;
 }
 
-const FormDirtyContext = createContext<FormDirtyContextType | undefined>(undefined);
+export const FormDirtyContext = createContext<FormDirtyContextType | undefined>(undefined);
 
 export const FormDirtyProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   const [isFormDirty, setIsFormDirty] = useState(false);
 
   return <FormDirtyContext.Provider value={{ isFormDirty, setIsFormDirty }}>{children}</FormDirtyContext.Provider>;
 };
-
-export const useFormDirty = () => {
-  const context = useContext(FormDirtyContext);
-  if (!context) throw new Error("useFormDirty must be used within a FormDirtyProvider");
-  return context;
-};

src/client/src/pages/detail/saveBar.tsx

@@ -5,7 +5,7 @@ import { Box, Stack } from "@mui/material";
 import { CircleCheck, CircleX } from "lucide-react";
 import { theme } from "../../AppTheme.ts";
 import { DeleteButton, SaveButton } from "../../components/buttons/buttons.tsx";
-import { useFormDirty } from "./FormDirtyContext.tsx";
+import { useFormDirty } from "./useFormDirty.tsx";
 
 interface SaveBarProps {
   triggerSubmit: () => void;

src/client/src/pages/detail/useBlockNavigation.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from "react-i18next";
 import { useHistory } from "react-router-dom";
 import { Trash2, X } from "lucide-react";
 import { PromptContext } from "../../components/prompt/promptContext.tsx";
-import { useFormDirty } from "./FormDirtyContext.tsx";
+import { useFormDirty } from "./useFormDirty.tsx";
 
 interface UseBlockNavigationResult {
   handleBlockedNavigation: (nextLocation: string) => boolean;

src/client/src/pages/detail/useFormDirty.tsx

@@ -0,0 +1,10 @@
+import { useContext } from "react";
+import { FormDirtyContext } from "./formDirtyContext.tsx";
+
+export const useFormDirty = () => {
+  const context = useContext(FormDirtyContext);
+  if (!context) {
+    throw new Error("useFormDirty must be used within a FormDirtyProvider");
+  }
+  return context;
+};