feat(subscription): implement effective plan logic and update free plan features

assets/admin/pages/AdminSubscriptionPage.tsx

@@ -181,11 +181,16 @@ function PlansTab() {
         <div className="card card-pad" style={{ color: 'var(--text-3)' }}>در حال بارگذاری...</div>
       ) : (
         <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
-          {plans.map((plan) => (
+          {plans.map((plan) => {
+            const periods: SubscriptionPeriod[] = Array.isArray(plan.periods)
+              ? plan.periods
+              : Object.values(plan.periods ?? {});
+            return (
             <div key={plan.uuid} className="card">
               <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '14px 16px', borderBottom: '1px solid var(--border)' }}>
                 <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
                   <b style={{ fontSize: 15 }}>{PLAN_DISPLAY[plan.name] ?? plan.name}</b>
+                  <span className={`badge ${plan.active ? 'green' : 'gray'}`} style={{ fontSize: 11 }}>{plan.active ? 'فعال' : 'غیرفعال'}</span>
                   <span className="badge blue" style={{ fontSize: 11 }}>سطح {plan.level}</span>
                   <span className="muted" style={{ fontSize: 12 }}>حداکثر {plan.max_secretaries} منشی</span>
                   <span style={{ fontSize: 12, display: 'flex', gap: 6 }}>
@@ -204,7 +209,7 @@ function PlansTab() {
                 </div>
               </div>
 
-              {plan.periods.length === 0 ? (
+              {periods.length === 0 ? (
                 <div style={{ padding: '20px 16px', color: 'var(--text-3)', fontSize: 13 }}>هنوز دوره‌ای تعریف نشده</div>
               ) : (
                 <div className="table-wrap"><table style={{ width: '100%', borderCollapse: 'collapse', fontSize: 13 }}>
@@ -218,8 +223,8 @@ function PlansTab() {
                     </tr>
                   </thead>
                   <tbody>
-                    {plan.periods.map((period, i) => (
-                      <tr key={period.uuid} style={{ borderBottom: i < plan.periods.length - 1 ? '1px solid var(--border)' : 'none' }}>
+                    {periods.map((period, i) => (
+                      <tr key={period.uuid} style={{ borderBottom: i < periods.length - 1 ? '1px solid var(--border)' : 'none' }}>
                         <td style={{ padding: '8px 16px' }}><b>{period.label}</b></td>
                         <td style={{ padding: '8px 16px' }}>{period.duration_months} ماه</td>
                         <td style={{ padding: '8px 16px' }}>{period.is_trial ? 'رایگان' : formatRial(period.price_rials)}</td>
@@ -242,7 +247,8 @@ function PlansTab() {
                 </table></div>
               )}
             </div>
-          ))}
+            );
+          })}
         </div>
       )}