proposal-system/web/src/hooks/useDocumentTitle.ts

import { useEffect } from 'react';

const BASE_TITLE = 'Proposal System';

export function useDocumentTitle(title?: string) {
  useEffect(() => {
    document.title = title ? `${title} | ${BASE_TITLE}` : BASE_TITLE;
    return () => {
      document.title = BASE_TITLE;
    };
  }, [title]);
}