Feat/mobile fintech table rows

[sercanvr]

🎯 Amaç

Mobil görünümde performans ve görsel kaliteyi artırmak amacıyla dağınık kart yapısının tek parça fintech satır yapısına dönüştürülmesi; dizüstü (laptop) ekranlarda başlık taşmalarının ve sidebar örtüşmesinin giderilmesi; popülerlik doluluk çubuklarının logaritmik/karekök ölçekle adil temsil edilmesi ve tüm dropdown menülerinin estetik buton yapısına kavuşturulması amaçlanmıştır.

🔨 Yapılanlar

• TechTable.tsx: Mobil görünümdeki ayrık kartlar kaldırılarak tek bir kart içinde divide-y divide-neutral-300 dark:divide-neutral-700 çizgileriyle ayrılan fintech satır yapısına geçirilmiş, DOM karmaşıklığı ve render maliyeti düşürülmüştür.
• TechTable.tsx: Popülerlik sütunundaki doluluk oranı Math.sqrt(rawRatio) * 100 karekök ölçeği ile dengelenerek 20k–50k yıldıza sahip repoların gerçekçi ve pozitif bir doluluk sergilemesi sağlanmıştır.
• ProximitySidebar.tsx: Laptop ekran genişliklerinde (1366x768 / lg) sidebar genişliği ve buton boyutları optimize edilerek tablonun üzerine taşma engellenmiştir.
• locales/: Tüm 9 dilde tablo başlığındaki GITHUB ibaresi yerine REPO başlığı getirilmiş ve whitespace-nowrap ile başlıkların alt satıra kırılması önlenmiştir.
• TechTable.tsx, LanguageSwitcher.tsx & ThemeToggle.tsx: Tüm filtre, dil ve tema açılır menülerine p-1.5 iç boşluk eklenmiş ve seçenek butonları yuvarlatılmış iç buton (rounded-xl px-3 py-2) tasarımına kavuşturulmuştur.
• LanguageSwitcher.tsx: Mobil dil menüsündeki yapay max-h-80 kısıtı ve taşan scrollbar kaldırılarak 9 dilin doğal akışla görüntülenmesi sağlanmıştır.

📝 Notlar

• origin/main üzerindeki en son güncellemeler rebase edilerek çakışmasız ve temiz bir commit geçmişi oluşturulmuştur.
• OWASP güvenlik prensiplerine tam uyum sağlanmış olup hiçbir hardcoded secret veya güvensiz HTML manipülasyonu bulunmamaktadır.

🧪 Kontroller

• Vitest ile mevcut 4 test dosyasındaki toplam 16 birim testi çalıştırılmış ve tümünün başarıyla geçtiği doğrulanmıştır.
• Mobil, laptop (1366x768) ve masaüstü çözünürlüklerinde responsive düzen ve UI bileşenleri incelenmiştir.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
devsec-status	Ready	Preview	Oct 17, 2026 5:31am UTC