condition on beta features enabled

dashboard/src/main/home/app-dashboard/app-view/AppDataContainer.tsx

@@ -455,40 +455,74 @@ const AppDataContainer: React.FC<AppDataContainerProps> = ({ tabParam }) => {
   const tabs = useMemo(() => {
     const numNotifications = latestClientNotifications.length;
 
-    const base = [
-      {
-        label: `Notifications`,
-        value: "notifications",
-        sibling:
-          numNotifications > 0 ? (
-            <Tag borderColor={"#FFBF00"}>
-              <Link
-                to={tabUrlGenerator({
-                  tab: "notifications",
-                })}
-                color={"#FFBF00"}
-              >
-                <TagIcon src={alert} />
-                <div
-                  style={{
-                    display: "flex",
-                    alignItems: "center",
-                    fontSize: "13px",
-                  }}
-                >
-                  {numNotifications}
-                </div>
-              </Link>
-            </Tag>
-          ) : undefined,
-      },
-      { label: "Activity", value: "activity" },
-      { label: "Status", value: "status" },
-      { label: "Logs", value: "logs" },
-      { label: "Metrics", value: "metrics" },
-      { label: "Services", value: "overview" },
-      { label: "Environment", value: "environment" },
-    ];
+    const base = currentProject?.beta_features_enabled
+      ? [
+          {
+            label: `Notifications`,
+            value: "notifications",
+            sibling:
+              numNotifications > 0 ? (
+                <Tag borderColor={"#FFBF00"}>
+                  <Link
+                    to={tabUrlGenerator({
+                      tab: "notifications",
+                    })}
+                    color={"#FFBF00"}
+                  >
+                    <TagIcon src={alert} />
+                    <div
+                      style={{
+                        display: "flex",
+                        alignItems: "center",
+                        fontSize: "13px",
+                      }}
+                    >
+                      {numNotifications}
+                    </div>
+                  </Link>
+                </Tag>
+              ) : undefined,
+          },
+          { label: "Activity", value: "activity" },
+          { label: "Status", value: "status" },
+          { label: "Logs", value: "logs" },
+          { label: "Metrics", value: "metrics" },
+          { label: "Services", value: "overview" },
+          { label: "Environment", value: "environment" },
+        ]
+      : [
+          {
+            label: `Notifications`,
+            value: "notifications",
+            sibling:
+              numNotifications > 0 ? (
+                <Tag borderColor={"#FFBF00"}>
+                  <Link
+                    to={tabUrlGenerator({
+                      tab: "notifications",
+                    })}
+                    color={"#FFBF00"}
+                  >
+                    <TagIcon src={alert} />
+                    <div
+                      style={{
+                        display: "flex",
+                        alignItems: "center",
+                        fontSize: "13px",
+                      }}
+                    >
+                      {numNotifications}
+                    </div>
+                  </Link>
+                </Tag>
+              ) : undefined,
+          },
+          { label: "Activity", value: "activity" },
+          { label: "Overview", value: "overview" },
+          { label: "Logs", value: "logs" },
+          { label: "Metrics", value: "metrics" },
+          { label: "Environment", value: "environment" },
+        ];
 
     if (deploymentTarget.is_preview) {
       return base;