chore: show notifications in a separate page

pages/notifications.tsx

@@ -0,0 +1,34 @@
+import { NextPageContext } from "next";
+
+import Header from "@/components/Header";
+import NotificationsFeed from "@/components/NotificationsFeed";
+import { getSession } from "next-auth/react";
+
+export async function getServerSideProps(context: NextPageContext) {
+  const session = await getSession(context);
+  if (!session) {
+    return {
+      redirect: {
+        destination: "/",
+        permanent: false,
+      },
+    };
+  }
+
+  return {
+    props: {
+      session,
+    },
+  };
+}
+
+const Notifications = () => {
+  return (
+    <>
+      <Header label="Notifications" showBackArrow />
+      <NotificationsFeed />
+    </>
+  );
+};
+
+export default Notifications;