The preview is showing the following runtime errors:

[2026-04-08T01:24:35.090Z] Uncaught Error: Hydration failed because the server rendered text didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:  
  
- A server/client branch `if (typeof window !== 'undefined')`.  
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.  
- Date formatting in a user's locale which doesn't match the server.  
- External changing data without sending a snapshot of it along with the HTML.  
- Invalid HTML tag nesting.  
  
It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.  
  
https://react.dev/link/hydration-mismatch  
  
  ...  
    <LoadingBoundary name="/" loading={null}>  
      <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>  
        <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>  
          <RedirectBoundary>  
            <RedirectErrorBoundary router={{...}}>  
              <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>  
                <SegmentViewNode type="page" pagePath="page.tsx">  
                  <SegmentTrieNode>  
                  <ClientPageRoot Component={function CompteBloque} serverProvidedParams={{...}}>  
                    <CompteBloque params={Promise} searchParams={Promise}>  
                      <div className="min-h-scre...">  
                        <div className="max-w-4xl ...">  
                          <div>  
                          <Card>  
                          <Card>  
                          <Card>  
                          <Card>  
                          <div>  
                          <div className="text-cente...">  
                            <p>  
                            <p className="text-white...">  
+                             01:24:34  
-                             01:24:26  
                ...  
              ...  
  
    at <unknown> (https://react.dev/link/hydration-mismatch)  
    at <unknown> (+                             01:24:34)  
    at <unknown> (-                             01:24:26)  
    at p (<anonymous>)  
    at CompteBloque (app/page.tsx:223:11)  
  221 |             Document à titre démonstratif uniquement - BNP PARIBAS SA  
  222 |           </p>  
> 223 |           <p className="text-white/40 text-xs mt-1">  
      |           ^  
  224 |             Généré le {new Date().toLocaleDateString("fr-FR")} à {new Date().toLocaleTime...  
  225 |           </p>  
  226 |         </div>  

Fix the code to resolve them.