feat: init

apps/web/app/(all)/[workspaceSlug]/(projects)/notifications/layout.tsx

@@ -0,0 +1,13 @@
+"use client";
+
+// components
+import { NotificationsSidebarRoot } from "@/components/workspace-notifications/sidebar";
+
+export default function ProjectInboxIssuesLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="relative w-full h-full overflow-hidden flex items-center">
+      <NotificationsSidebarRoot />
+      <div className="w-full h-full overflow-hidden overflow-y-auto">{children}</div>
+    </div>
+  );
+}

apps/web/app/(all)/[workspaceSlug]/(projects)/notifications/page.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { observer } from "mobx-react";
+import { useParams } from "next/navigation";
+// plane imports
+import { useTranslation } from "@plane/i18n";
+// components
+import { PageHead } from "@/components/core/page-title";
+import { NotificationsRoot } from "@/components/workspace-notifications";
+// hooks
+import { useWorkspace } from "@/hooks/store/use-workspace";
+
+const WorkspaceDashboardPage = observer(() => {
+  const { workspaceSlug } = useParams();
+  // plane hooks
+  const { t } = useTranslation();
+  // hooks
+  const { currentWorkspace } = useWorkspace();
+  // derived values
+  const pageTitle = currentWorkspace?.name
+    ? t("notification.page_label", { workspace: currentWorkspace?.name })
+    : undefined;
+
+  return (
+    <>
+      <PageHead title={pageTitle} />
+      <NotificationsRoot workspaceSlug={workspaceSlug?.toString()} />
+    </>
+  );
+});
+
+export default WorkspaceDashboardPage;