Add JSON files for Payment Gateway Interface and API documentation updates

- Created a new JSON file for the PaymentGatewayInterface.php, detailing its methods and return types.
- Added a JSON file for payment.md, documenting various API endpoints and their parameters, responses, and errors.
- Introduced a JSON file for fix-admin-modal-and-calendar.md, outlining issues and solutions related to admin modal and calendar functionalities.

assets/admin/pages/DashboardPage.tsx

@@ -511,7 +511,7 @@ function AdminDashboard() {
       <div className="grid-2" style={{ marginBottom: 'var(--gap)' }}>
         <div className="card card-pad">
           <div className="card-title-row"><h3 style={{ fontSize: 16 }}>دسترسی سریع</h3></div>
-          <div className="quick-grid" style={{ gridTemplateColumns: 'repeat(3,1fr)' }}>
+          <div className="quick-grid">
             {quickActions.map(a => (
               <Link key={a.to} to={a.to} className="quick">
                 <span className="qi" style={{ background: a.bg, color: a.color }}>
@@ -947,7 +947,7 @@ function SecretaryDashboard() {
         </div>
       </div>
 
-      <div className="stat-grid" style={{ gridTemplateColumns: 'repeat(2, 1fr)' }}>
+      <div className="stat-grid">
         {kpiCards.map(c => (
           <div key={c.label} className="stat">
             <div className="ico" style={{ background: c.bg, color: c.color }}>
@@ -1053,7 +1053,7 @@ function RepresentationDashboard() {
         </button>
       </div>
 
-      <div className="stat-grid" style={{ gridTemplateColumns: 'repeat(4, 1fr)' }}>
+      <div className="stat-grid">
         {apptCards.map(c => (
           <div key={c.label} className="stat">
             <div className="ico" style={{ background: c.bg, color: c.color }}>
@@ -1069,7 +1069,7 @@ function RepresentationDashboard() {
         <div className="card-title-row" style={{ marginBottom: 12 }}>
           <h3 style={{ fontSize: 16 }}>درآمد نماینده</h3>
         </div>
-        <div className="stat-grid" style={{ gridTemplateColumns: 'repeat(4, 1fr)' }}>
+        <div className="stat-grid">
           {incomeCards.map(c => (
             <div key={c.label} className="stat" style={{ background: 'var(--surface-3)' }}>
               <div className="lbl">{c.label}</div>