fix: show language names as autonyms

src/components/HeroSection.tsx

@@ -103,7 +103,7 @@ export const HeroSection = ({ locale }: { locale: Locale }) => {
                   className={styles.languageFlag}
                   aria-hidden="true"
                 />
-                <span>{copy.englishLabel}</span>
+                <span lang="en" dir="ltr">{copy.englishLabel}</span>
               </span>
               {locale === 'en' && <Check size={16} aria-hidden="true" />}
             </Link>
@@ -124,7 +124,7 @@ export const HeroSection = ({ locale }: { locale: Locale }) => {
                   className={styles.languageFlag}
                   aria-hidden="true"
                 />
-                <span>{copy.persianLabel}</span>
+                <span lang="fa" dir="rtl">{copy.persianLabel}</span>
               </span>
             </Link>
           </div>

src/i18n/content.ts

@@ -120,7 +120,7 @@ export const messagesByLocale = {
       languageButtonLabel: 'Choose language',
       languageMenuLabel: 'Languages',
       englishLabel: 'English',
-      persianLabel: 'Persian',
+      persianLabel: 'فارسی',
       avatarAlt: 'Amirhossein Khalili',
       titleLabel: "Hi, I'm Amirhossein Khalili",
       greeting: "Hi, I'm",
@@ -237,7 +237,7 @@ export const messagesByLocale = {
       themeDarkLabel: 'رفتن به حالت تاریک',
       languageButtonLabel: 'انتخاب زبان',
       languageMenuLabel: 'زبان‌ها',
-      englishLabel: 'انگلیسی',
+      englishLabel: 'English',
       persianLabel: 'فارسی',
       avatarAlt: 'امیرحسین خلیلی',
       titleLabel: 'سلام، من امیرحسین خلیلی هستم',