chore: app dir headers re-implementation (#4751)

* chore: header refactor.

* fix: core imports

* chore: refactor profile activity header and fix all other header imports.

* fix: import fixes

* chore: header refactor.

* fix: app dir header reimplementation

* fix: removing parllel headers

* fix: adding route groups to handle pages

* fix: disabling sentry for temp

* chore: update default exports in layouts & headers for consistency.

* fix: bugfixes

* fix: build errors

---------

Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com>

web/app/[workspaceSlug]/profile/[userId]/navbar.tsx

@@ -1,44 +0,0 @@
-import React from "react";
-
-import Link from "next/link";
-import { useParams, usePathname } from "next/navigation";
-
-// components
-import { ProfileIssuesFilter } from "@/components/profile";
-// constants
-import { PROFILE_ADMINS_TAB, PROFILE_VIEWER_TAB } from "@/constants/profile";
-
-type Props = {
-  isAuthorized: boolean;
-  showProfileIssuesFilter?: boolean;
-};
-
-export const ProfileNavbar: React.FC<Props> = (props) => {
-  const { isAuthorized, showProfileIssuesFilter } = props;
-
-  const { workspaceSlug, userId } = useParams();
-const pathname = usePathname();
-
-  const tabsList = isAuthorized ? [...PROFILE_VIEWER_TAB, ...PROFILE_ADMINS_TAB] : PROFILE_VIEWER_TAB;
-
-  return (
-    <div className="sticky -top-0.5 z-10 hidden md:flex items-center justify-between gap-4 border-b border-custom-border-300 bg-custom-background-100 px-4 sm:px-5 md:static">
-      <div className="flex items-center overflow-x-scroll">
-        {tabsList.map((tab) => (
-          <Link key={tab.route} href={`/${workspaceSlug}/profile/${userId}/${tab.route}`}>
-            <span
-              className={`flex whitespace-nowrap border-b-2 p-4 text-sm font-medium outline-none ${
-                pathname === `/${workspaceSlug}/profile/${userId}${tab.selected}`
-                  ? "border-custom-primary-100 text-custom-primary-100"
-                  : "border-transparent"
-              }`}
-            >
-              {tab.label}
-            </span>
-          </Link>
-        ))}
-      </div>
-      {showProfileIssuesFilter && <ProfileIssuesFilter />}
-    </div>
-  );
-};