since3-portal/modules/shared/ui/components/mobile-header.tsx

import Image from "next/image";
import { SidebarTrigger } from "@/components/ui/sidebar";

export function MobileHeader() {
    return (
        <header className="sticky top-0 z-30 flex h-14 items-center gap-3 border-b border-border bg-background/95 px-3 backdrop-blur supports-backdrop-filter:bg-background/80 md:hidden">
            <SidebarTrigger className="size-9" />
            <Image
                src="/pictures/since3-logo.svg"
                alt="Since3"
                width={1617}
                height={332}
                className="h-5 w-auto dark:hidden"
            />
            <Image
                src="/pictures/since3-logo-weiss.svg"
                alt="Since3"
                width={1617}
                height={332}
                className="hidden h-5 w-auto dark:block"
            />
        </header>
    )
}