Component Library Beta configurable via env (#1425)

## Description

<!-- Please provide a brief description of the changes made in this pull request. Include any relevant context or reasoning for the changes. -->

Moves component library beta to a env variable so we can custom configure it for shopify internal vs open source builds

## Related Issue and Pull requests

<!-- Link to any related issues using the format #<issue-number> -->

## Type of Change

<!-- Please delete options that are not relevant -->

- [x] Breaking change

## Checklist

<!-- Please ensure the following are completed before submitting the PR -->

- [ ] I have tested this does not break current pipelines / runs functionality
- [ ] I have tested the changes on staging

## Screenshots (if applicable)

<!-- Include any screenshots that might help explain the changes or provide visual context -->

## Test Instructions

<!-- Detail steps and prerequisites for testing the changes in this PR -->

## Additional Comments

<!-- Add any additional context or information that reviewers might need to know regarding this PR -->

Author: camielvs

.env.example

@@ -1,6 +1,6 @@
 # When cloning this repo, create a copy of this file named ".env" and populate the values accordingly (or leave blank us fallback values)
 
-# Pipeline Studio App
+# Tangle
 VITE_BACKEND_API_URL=<api_endpoint>
 VITE_ABOUT_URL=<about_url>
 VITE_PRIVACY_POLICY_URL=<privacy_policy_url>
@@ -15,6 +15,18 @@ VITE_ENABLE_ROUTER_DEVTOOLS=<boolean>
 # Submitters
 VITE_ENABLE_GOOGLE_CLOUD_SUBMITTER=<boolean>
 
-# Github
+# Auth
 VITE_REQUIRE_AUTHORIZATION=<boolean>
-VITE_GITHUB_CLIENT_ID=<string>
+
+# Github
+VITE_GITHUB_CLIENT_ID=<string>
+VITE_GITHUB_PAGES=<boolean>
+
+# Hugging Face
+VITE_HUGGING_FACE_AUTHORIZATION=<boolean>
+
+# Betas
+VITE_DEFAULT_REMOTE_COMPONENT_LIBRARY_BETA=<boolean>
+
+# Dev Tools
+VITE_ENABLE_DEBUG_MODE=<boolean>

src/betaFlags.ts

@@ -1,5 +1,8 @@
 import type { BetaFlag } from "@/types/betaFlags";
 
+const isRemoteComponentLibraryEnabled =
+  import.meta.env.VITE_DEFAULT_REMOTE_COMPONENT_LIBRARY_BETA === "true";
+
 export const ExistingBetaFlags = {
   ["highlight-node-on-component-hover"]: {
     name: "Highlight tasks on component hover",
@@ -11,7 +14,7 @@ export const ExistingBetaFlags = {
   ["remote-component-library-search"]: {
     name: "Published Components Library",
     description: "Enable the Published Components Library feature.",
-    default: true,
+    default: isRemoteComponentLibraryEnabled,
   } as BetaFlag,
 
   ["github-component-library"]: {