create dev mode enabled via console function

frontend/src/app.d.ts

@@ -36,4 +36,6 @@ declare global {
   type ErrorHandler =
     'client-error' | 'client-unhandledrejection' |
     'server-error-hook' | 'client-error-hook';
+
+  function enableDevMode(): void;
 }

frontend/src/lib/layout/DevContent.svelte

@@ -0,0 +1,20 @@
+<script context="module" lang="ts">
+  import { writable } from 'svelte/store';
+  import { browser } from '$app/environment';
+
+  //indicates that the user is a developer, show them features that are not ready for production, etc.
+  //does not indicate this is at development time
+  export let isDev = writable(false);
+
+  if (browser) {
+    globalThis.enableDevMode = () => {
+      isDev.set(true);
+      localStorage.setItem('devMode', 'true');
+    };
+    isDev.set(localStorage.getItem('devMode') === 'true');
+  }
+</script>
+
+{#if $isDev}
+  <slot />
+{/if}

frontend/src/routes/(authenticated)/project/[project_code]/+page.svelte

@@ -38,6 +38,7 @@
   import OpenInFlexModal from './OpenInFlexModal.svelte';
   import OpenInFlexButton from './OpenInFlexButton.svelte';
   import SendReceiveUrlField from './SendReceiveUrlField.svelte';
+  import {isDev} from '$lib/layout/DevContent.svelte';
 
   export let data: PageData;
   $: user = data.user;
@@ -195,9 +196,9 @@
     </svelte:fragment>
     <svelte:fragment slot="actions">
       {#if migrationStatus !== ProjectMigrationStatus.Migrating}
-        {#if project.type === ProjectType.FlEx}
-          <OpenInFlexModal bind:this={openInFlexModal} {project} />
-          <OpenInFlexButton projectId={project.id} on:click={openInFlexModal.open} />
+        {#if project.type === ProjectType.FlEx && $isDev}
+            <OpenInFlexModal bind:this={openInFlexModal} {project}/>
+            <OpenInFlexButton projectId={project.id} on:click={openInFlexModal.open}/>
         {:else}
           <Dropdown>
             <button class="btn btn-primary">