Add UI for restoring backup checkpoint text

resources/scripts/components/elements/ConfirmationModal.tsx

@@ -7,18 +7,19 @@ import ModalContext from '@/context/ModalContext';
 type Props = {
     title: string;
     buttonText: string;
-    children: string;
     onConfirmed: () => void;
     showSpinnerOverlay?: boolean;
 };
 
-const ConfirmationModal = ({ title, children, buttonText, onConfirmed }: Props) => {
+const ConfirmationModal: React.FC<Props> = ({ title, children, buttonText, onConfirmed }) => {
     const { dismiss } = useContext(ModalContext);
 
     return (
         <>
             <h2 css={tw`text-2xl mb-6`}>{title}</h2>
-            <p css={tw`text-sm`}>{children}</p>
+            <div css={tw`text-neutral-300`}>
+                {children}
+            </div>
             <div css={tw`flex flex-wrap items-center justify-end mt-8`}>
                 <Button isSecondary onClick={() => dismiss()} css={tw`w-full sm:w-auto border-transparent`}>
                     Cancel