Update navbars docs to use renamed Logo component

docs/pages/ui/layout/navbars.mdx

@@ -6,7 +6,7 @@ layout: '@layouts/DocsMdxLayout.astro'
 ---
 
 import Example from '@components/Example.astro'
-import NavbarLogo from '@shared/components/navbar/NavbarLogo.astro'
+import Logo from '@shared/components/navbar/Logo.astro'
 import Icon from '@ui/Icon.astro'
 
 The navbar is a core component of any website or application, serving as the primary navigation tool. It provides users with quick access to key sections, enhancing usability and improving the overall user experience. Positioned typically at the top of the page, the navbar can contain links, buttons, branding elements,
@@ -30,7 +30,7 @@ The navbar can contain links, buttons, and other elements. You can customize the
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
-      <NavbarLogo class="me-3" />
+      <Logo class="me-3" />
       <ul class="navbar-nav">
         <li class="nav-item active">
           <a class="nav-link" href="#">