fix(ui): убрать горизонтальный скролл в шторке сертификата

Co-authored-by: Cursor <[email protected]>

components/ipsec/ipsec-cert-sheet.tsx

@@ -78,7 +78,7 @@ function IpsecCertSheet({
           </SheetDescription>
         </SheetHeader>
 
-        <div className="flex-1 overflow-y-auto px-6 py-5 flex flex-col gap-5">
+        <div className="flex-1 min-w-0 overflow-y-auto overflow-x-hidden px-6 py-5 flex flex-col gap-5">
           {!bundle ? (
             <p className="text-sm text-muted-foreground">
               Бандл сертификата пуст — перезапустите экспорт с новой парольной фразой.
@@ -119,7 +119,7 @@ function IpsecCertSheet({
                   </div>
                 </FormField>
                 {bundle.serverEndpoint ? (
-                  <p className="text-xs text-muted-foreground">
+                  <p className="text-xs text-muted-foreground break-all">
                     Сервер: <span className="font-mono">{bundle.serverEndpoint}</span>
                   </p>
                 ) : null}
@@ -129,7 +129,7 @@ function IpsecCertSheet({
                 <SectionTitle>Файлы</SectionTitle>
                 <Button
                   variant="outline"
-                  className="justify-start"
+                  className="justify-start min-w-0"
                   disabled={!canDownload}
                   onClick={() => {
                     if (!bundle) return
@@ -138,12 +138,12 @@ function IpsecCertSheet({
                   }}
                 >
                   <DownloadIcon className="size-4" />
-                  {bundle.filename} (.p12, сертификат + ключ)
+                  <span className="truncate">{bundle.filename} (.p12, сертификат + ключ)</span>
                 </Button>
                 {bundle.sswanContent && bundle.sswanFilename ? (
                   <Button
                     variant="outline"
-                    className="justify-start"
+                    className="justify-start min-w-0"
                     disabled={!canDownload}
                     onClick={() => {
                       if (!bundle.sswanContent || !bundle.sswanFilename) return
@@ -152,7 +152,7 @@ function IpsecCertSheet({
                     }}
                   >
                     <DownloadIcon className="size-4" />
-                    {bundle.sswanFilename} (strongSwan)
+                    <span className="truncate">{bundle.sswanFilename} (strongSwan)</span>
                   </Button>
                 ) : null}
                 {bundle.instructions ? (
@@ -172,7 +172,7 @@ function IpsecCertSheet({
               </div>
 
               {bundle.instructions ? (
-                <pre className="max-h-72 overflow-auto rounded-md border bg-muted/40 p-3 text-[11px] leading-relaxed whitespace-pre-wrap">
+                <pre className="max-h-72 overflow-y-auto overflow-x-hidden rounded-md border bg-muted/40 p-3 text-[11px] leading-relaxed whitespace-pre-wrap break-words">
                   {bundle.instructions}
                 </pre>
               ) : null}