Site name is not showing

Hello Netlify community, I have a SEO problem, my sitename “Based in code” is not showing in google,

As you can see says basedincode.com in site_name

This code is part of my head

  <head>
    <!-- Open Graph -->
    <meta property="og:title" content=`Based in Code - ${title}` />
    <meta property="og:site_name" content="Based in Code" />
    <meta property="og:description" content={content} />
    <meta property="og:image" content="https://www.basedincode.com/url-bg.webp" />
    <meta property="og:url" content="https://www.basedincode.com" />
    <meta property="og:type" content="website" />

      <!-- JSON-LD -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Based in Code",
      "url": "https://www.basedincode.com/"
    }
    </script>

    <title>Based in Code - {title}</title>
  </head>

I did it 3 weeks ago but still same results.

Thank you for your help!

Hello.

The site name that appears on the Google search results page is generated automatically.

For more information, please check this link:
How site names in Google Search are created