note and profile titles in header

packages/app/src/Pages/Layout/index.tsx

@@ -12,14 +12,11 @@ import { LoginUnlock } from "@/Element/PinPrompt";
 import useKeyboardShortcut from "@/Hooks/useKeyboardShortcut";
 import { LoginStore } from "@/Login";
 import NavSidebar from "./NavSidebar";
-import NotificationsHeader from "./NotificationsHeader";
 import RightColumn from "./RightColumn";
-import { LogoHeader } from "./LogoHeader";
 import useLoginFeed from "@/Feed/LoginFeed";
 import ErrorBoundary from "@/Element/ErrorBoundary";
 import Footer from "@/Pages/Layout/Footer";
-import { RootTabs } from "@/Element/Feed/RootTabs";
-import classNames from "classnames";
+import { Header } from "@/Pages/Layout/Header";
 
 export default function Index() {
   const location = useLocation();
@@ -66,37 +63,6 @@ export default function Index() {
   );
 }
 
-function Header() {
-  const location = useLocation();
-  const showRootTabs = location.pathname === "/";
-  const pageName = location.pathname.split("/")[1];
-  const scrollUp = useCallback(() => {
-    window.scrollTo({ top: 0, behavior: "instant" });
-  }, []);
-  return (
-    <header
-      className={classNames(
-        { "md:hidden": pageName === "messages" },
-        "flex justify-between items-center self-stretch px-4 gap-6 sticky top-0 z-10 bg-bg-color py-1 md:bg-header md:bg-opacity-50 md:shadow-lg md:backdrop-blur-lg",
-      )}>
-      <div className="md:hidden">
-        <LogoHeader showText={false} />
-      </div>
-      {showRootTabs && <RootTabs base="" />}
-      {!showRootTabs && (
-        <div
-          onClick={scrollUp}
-          className="capitalize cursor-pointer flex-1 text-center p-2 overflow-hidden whitespace-nowrap truncate">
-          {pageName}
-        </div>
-      )}
-      <div className="md:hidden">
-        <NotificationsHeader />
-      </div>
-    </header>
-  );
-}
-
 function StalkerModal({ id }) {
   return (
     <div className="stalker" onClick={() => LoginStore.removeSession(id)}>