Improve UX of "runbook trust warning"

Author: josh-padnick

web/src/components/MDXContainer.tsx

@@ -88,7 +88,7 @@ function MDXContainer({ content, className }: MDXContainerProps) {
               <Admonition 
                 type="warning" 
                 title="**Make sure you trust this Runbook!**" 
-                confirmationText="I trust this Runbook and understand the security implications"
+                confirmationText="I trust this Runbook"
                 allowPermanentHide={true}
                 storageKey="security-banner"
               >

web/src/components/mdx/Admonition/Admonition.tsx

@@ -143,21 +143,17 @@ export function Admonition({
         </div>
 
         {confirmationText && (
-          <div className="">
-            <label className="flex items-center gap-2 cursor-pointer hover:opacity-80 transition-opacity bg-gray-100 border border-gray-200 rounded-sm p-2 mt-2 -translate-x-2 w-fit text-gray-500">
-              <input
-                type="checkbox"
-                checked={isConfirmed}
-                onChange={(e) => handleConfirmationChange(e.target.checked)}
-                className="cursor-pointer"
-              />
-              <span className="text-sm">
-                <InlineMarkdown>{confirmationText}</InlineMarkdown>
-              </span>
-            </label>
+          <div className="mt-3">
+            <button
+              onClick={() => handleConfirmationChange(true)}
+              disabled={isConfirmed}
+              className="px-4 py-2 text-sm font-medium bg-yellow-600 text-white rounded-md hover:bg-yellow-700 transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed"
+            >
+              <InlineMarkdown>{confirmationText}</InlineMarkdown>
+            </button>
 
             {allowPermanentHide && storageKey && (
-              <div className="mt-3 mb-1">
+              <div className="mt-3">
                 <label className={`flex items-center gap-2 cursor-pointer hover:opacity-80 transition-opacity opacity-80`}>
                   <input
                     type="checkbox"