Add new links card and feature flag system for incremental dev. (#1714)

* Add new links card and feature flag system for incremental dev.

* Switch to env variable for dev flags

* Add members card

* fix order of creators card

* Fix owner icon color and bring org owner to top of list

* lint + other fixes

* Revamp feature flag system, add flag config page

* Add button to flags page in dev mode

* fix env overrides

* make typescript happy with the refs

pages/[type]/[id]/changelog.vue

@@ -157,18 +157,18 @@ function switchPage(page) {
   }
 
   .changelog-bar {
-    --color: var(--color-special-green);
+    --color: var(--color-green);
 
     &.alpha {
-      --color: var(--color-special-red);
+      --color: var(--color-red);
     }
 
     &.release {
-      --color: var(--color-special-green);
+      --color: var(--color-green);
     }
 
     &.beta {
-      --color: var(--color-special-orange);
+      --color: var(--color-orange);
     }
 
     left: 0;

pages/[type]/[id]/moderation.vue

@@ -204,12 +204,12 @@ svg {
   }
 
   &.bad {
-    color: var(--color-special-red);
+    color: var(--color-red);
   }
 }
 
 .warning {
-  color: var(--color-special-orange);
+  color: var(--color-orange);
   font-weight: bold;
 }
 </style>

pages/[type]/[id]/settings/index.vue

@@ -421,11 +421,11 @@ svg {
   }
 
   &.bad {
-    color: var(--color-special-red);
+    color: var(--color-red);
   }
 
   &.warn {
-    color: var(--color-special-orange);
+    color: var(--color-orange);
   }
 }
 

pages/[type]/[id]/settings/members.vue

@@ -519,7 +519,6 @@
 <script setup>
 import { Multiselect } from 'vue-multiselect'
 import { Avatar, Badge, Card, Checkbox, TransferIcon, CheckIcon, UsersIcon } from 'omorphia'
-import { defineProps, ref, watch } from 'vue'
 
 import ModalConfirm from '~/components/ui/ModalConfirm.vue'
 import DropdownIcon from '~/assets/images/utils/dropdown.svg'