fix(typography): فهرست‌های مقاله هم مثل پاراگراف justify شوند + متن پروژه justify

قبلاً li از قاعدهٔ justify مستثنا بود و راست/چپ‌چین می‌شد؛ حالا فقط تیترها
تراز می‌مانند. متن پروژه در صفحهٔ جزئیات هم justify شد.

frontend/src/index.css

@@ -150,19 +150,16 @@ html[lang='en'] .article-body h3 {
   font-size: 12px;
 }
 
-/* تیترها و فهرست‌ها هم‌تراز نمی‌شوند — فقط متن پاراگراف تراز می‌شود
-   (تیتر کوتاه با justify کشیده و بدقلق می‌شود و فهرست نقطه‌گذاری‌اش به‌هم می‌ریزد).
-   کپشن عمداً در این فهرست نیست: کپشن تصویر همیشه وسط‌چین است (قاعدهٔ پایین‌تر). */
+/* فقط تیترها هم‌تراز نمی‌شوند (تیتر کوتاه با justify کشیده و بدقلق می‌شود) —
+   پاراگراف‌ها و فهرست‌ها کاملاً justify هستند و کپشن همیشه وسط‌چین است. */
 [data-dir='rtl'] .article-body h1,
 [data-dir='rtl'] .article-body h2,
-[data-dir='rtl'] .article-body h3,
-[data-dir='rtl'] .article-body li {
+[data-dir='rtl'] .article-body h3 {
   text-align: right;
 }
 [data-dir='ltr'] .article-body h1,
 [data-dir='ltr'] .article-body h2,
-[data-dir='ltr'] .article-body h3,
-[data-dir='ltr'] .article-body li {
+[data-dir='ltr'] .article-body h3 {
   text-align: left;
 }
 [data-dir='ltr'] .article-body h1 {

frontend/src/pages/ProjectDetail.tsx

@@ -112,7 +112,7 @@ export function ProjectDetail() {
             <h2 className="mt-4 text-3xl font-bold text-ivory">{t('aboutProject')}</h2>
             
             {project.body.map((para) => (
-              <p key={para} className="mt-5 text-base font-light leading-9 text-ivory/70">
+              <p key={para} className="mt-5 text-justify text-base font-light leading-9 text-ivory/70">
                 {para}
               </p>
             ))}