feat: 统一页面布局与字体样式

frontend/src/hooks/useUnsavedChanges.ts

@@ -0,0 +1,18 @@
+import { useEffect } from 'react'
+
+/**
+ * 表单未保存时阻止页面离开
+ * @param isDirty 表单是否有未保存的修改
+ */
+export function useUnsavedChanges(isDirty: boolean) {
+  useEffect(() => {
+    const handler = (e: BeforeUnloadEvent) => {
+      if (isDirty) {
+        e.preventDefault()
+        e.returnValue = ''
+      }
+    }
+    window.addEventListener('beforeunload', handler)
+    return () => window.removeEventListener('beforeunload', handler)
+  }, [isDirty])
+}