fix(ui): проверить доступность и адаптивность сертификатов

components/data-grids/certificate-expanded-detail.tsx

@@ -4,13 +4,13 @@ import type { CertificateView } from "@/lib/certificate-view"
 
 function CertificateExpandedDetail({ cert }: { cert: CertificateView }) {
   return (
-    <div className="px-10 pb-4 grid grid-cols-2 sm:grid-cols-4 gap-4 text-xs border-t border-border/50 pt-3">
+    <div className="min-w-0 [overflow-wrap:anywhere] px-5 sm:px-10 pb-4 grid grid-cols-2 sm:grid-cols-4 gap-4 text-xs border-t border-border/50 pt-3">
       <div>
         <p className="text-muted-foreground mb-1">Размер ключа</p>
         <p className="font-mono font-medium">{cert.keySize === null ? "Неизвестен" : cert.keySize + " бит"}</p>
       </div>
       <div>
-        <p className="text-muted-foreground mb-1">Действителен с</p>
+        <p className="text-muted-foreground mb-1">Начало срока</p>
         <p className="font-mono">{cert.validFrom ?? "Дата неизвестна"}</p>
       </div>
       <div>
@@ -31,6 +31,8 @@ function CertificateExpandedDetail({ cert }: { cert: CertificateView }) {
           {cert.trusted === null ? "Неизвестно" : cert.trusted ? "Да (доверенный)" : "Нет (не доверенный)"}
         </p>
       </div>
+      {"rawValidFrom" in cert && !cert.validFrom && cert.rawValidFrom && <p className="col-span-2 sm:col-span-4 text-muted-foreground">Начало срока не удалось определить. Значение RouterOS: <span className="font-mono">{cert.rawValidFrom}</span></p>}
+      {"rawValidUntil" in cert && !cert.validUntil && cert.rawValidUntil && <p className="col-span-2 sm:col-span-4 text-muted-foreground">Окончание срока не удалось определить. Значение RouterOS: <span className="font-mono">{cert.rawValidUntil}</span></p>}
     </div>
   )
 }