update layouts

apps/admin/src/app/layouts/04__TwoColumnSidebar/components/Header.tsx

@@ -1,10 +1,10 @@
 import { Menu } from 'lucide-react';
 import { useEffect, useState } from 'react';
-import { Link, useLocation } from 'react-router-dom';
-import { toAbsoluteUrl } from '#shared/lib/helpers';
+import { useLocation } from 'react-router-dom';
 import { Button } from '#shared/ui/Button';
 import { Sheet, SheetBody, SheetContent, SheetHeader, SheetTrigger } from '#shared/ui/Sheet';
 import { Container } from '#shared/widgets/common/Container';
+import { AppLogo } from '../../shared';
 import { SidebarPrimary } from './SidebarPrimary';
 import { SidebarSecondary } from './SidebarSecondary';
 
@@ -12,7 +12,6 @@ export function Header() {
   const [isSheetOpen, setIsSheetOpen] = useState(false);
   const { pathname } = useLocation();
 
-  // Close sheet when route changes
   useEffect(() => {
     setIsSheetOpen(false);
   }, [pathname]);
@@ -20,18 +19,7 @@ export function Header() {
   return (
     <header className="fixed start-0 end-0 top-0 z-10 flex h-(--header-height) shrink-0 items-center bg-(--page-bg) lg:hidden dark:bg-(--page-bg-dark)">
       <Container className="flex flex-wrap items-center justify-between gap-3">
-        <Link to="/">
-          <img
-            src={toAbsoluteUrl('/media/app/mini-logo-gray.svg')}
-            className="min-h-7.5 dark:hidden"
-            alt=""
-          />
-          <img
-            src={toAbsoluteUrl('/media/app/mini-logo-gray-dark.svg')}
-            className="hidden min-h-7.5 dark:block"
-            alt=""
-          />
-        </Link>
+        <AppLogo className="size-7.5" />
 
         <Sheet open={isSheetOpen} onOpenChange={setIsSheetOpen}>
           <SheetTrigger asChild>