feat: Add Branding and Social Links to the UI Feature flags (#3169)

* Add branding and socials FF

* [autofix.ci] apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

src/frontend/feature-config.json

@@ -2,5 +2,7 @@
   "ENABLE_DARK_MODE": true,
   "ENABLE_API": true,
   "ENABLE_LANGFLOW_STORE": true,
-  "ENABLE_PROFILE_ICONS": true
+  "ENABLE_PROFILE_ICONS": true,
+  "ENABLE_SOCIAL_LINKS": true,
+  "ENABLE_BRANDING": true
 }

src/frontend/src/components/headerComponent/index.tsx

@@ -155,6 +155,8 @@ export default function Header(): JSX.Element {
       </div>
       <div className="header-end-division">
         <div className="header-end-display">
+          {FeatureFlags.ENABLE_SOCIAL_LINKS && (
+            <>
               <a
                 href="https://github.com/langflow-ai/langflow"
                 target="_blank"
@@ -183,6 +185,8 @@ export default function Header(): JSX.Element {
               </a>
 
               <Separator orientation="vertical" />
+            </>
+          )}
           {FeatureFlags.ENABLE_DARK_MODE && (
             <button
               className="extra-side-bar-save-disable"

src/frontend/src/pages/FlowPage/index.tsx

@@ -1,3 +1,4 @@
+import FeatureFlags from "@/../feature-config.json";
 import { useGetGlobalVariables } from "@/controllers/API/queries/variables";
 import { useEffect } from "react";
 import { useNavigate, useParams } from "react-router-dom";
@@ -59,7 +60,9 @@ export default function FlowPage({ view }: { view?: boolean }): JSX.Element {
           href="https://medium.com/logspace/langflow-datastax-better-together-1b7462cebc4d"
           className="langflow-page-icon"
         >
-          {version && <div className="mt-1">Langflow 🤝 DataStax</div>}
+          {FeatureFlags.ENABLE_BRANDING && version && (
+            <div className="mt-1">Langflow 🤝 DataStax</div>
+          )}
           <div className={version ? "mt-2" : "mt-1"}>⛓️ v{version}</div>
         </a>
       </div>