base page title

src/pages/payment/CreateFine.tsx

@@ -1,4 +1,5 @@
 import { useFormik } from 'formik'
+import PageTitle from '../../components/PageTitle'
 import { type FC } from 'react'
 import type { CreateFineType } from './types/Types'
 import * as Yup from 'yup'
@@ -39,6 +40,7 @@ const CreateFine: FC = () => {
 
     return (
         <div className='mt-4'>
+            <PageTitle />
             <div className='flex justify-between items-center'>
                 <div className='flex items-center gap-3'>
                     <h1>ساخت قانون جریمه جدید</h1>

src/pages/payment/Fines.tsx

@@ -1,4 +1,5 @@
 import { type FC, useState } from 'react'
+import PageTitle from '../../components/PageTitle'
 import { useGetFines } from './hooks/usePaymentData';
 import { type FineRule } from './types/Types';
 import PageLoading from '../../components/PageLoading';
@@ -54,6 +55,7 @@ const Fines: FC = () => {
 
     return (
         <div>
+            <PageTitle />
             <div className='flex justify-end mt-5'>
                 <Link to={Pages.financial.createFine}>
                     <Button

src/pages/payment/List.tsx

@@ -1,4 +1,5 @@
 import { type FC, useState } from 'react'
+import PageTitle from '../../components/PageTitle'
 import { useGetPayments } from './hooks/usePaymentData'
 import { type Payment } from './types/Types'
 import PageLoading from '../../components/PageLoading'
@@ -71,6 +72,7 @@ const PaymentList: FC = () => {
 
     return (
         <div>
+            <PageTitle />
             <div className='relative overflow-x-auto rounded-3xl mt-5 w-full'>
                 <table className='w-full text-sm'>
                     <thead className='thead'>