[dashboard] add notice for stable back and change latest desc

Author: mustard-mh

components/dashboard/src/start/StartPage.tsx

@@ -110,7 +110,7 @@ export function StartPage(props: StartPageProps) {
                 {props.children}
                 {props.showLatestIdeWarning && (
                     <Alert type="warning" className="mt-4 w-96">
-                        You are using the latest release (unstable) for the editor.{" "}
+                        This workspace is configured with the latest release (unstable) for the editor.{" "}
                         <a className="gp-link" target="_blank" href={gitpodHostUrl.asPreferences().toString()}>
                             Change Preferences
                         </a>

components/dashboard/src/start/StartWorkspace.tsx

@@ -391,6 +391,7 @@ export default class StartWorkspace extends React.Component<StartWorkspaceProps,
         let title = undefined;
         let statusMessage = !!error ? undefined : <p className="text-base text-gray-400">Preparing workspace …</p>;
         const contextURL = ContextURL.getNormalizedURL(this.state.workspace)?.toString();
+        const useLatest = !!this.state.workspaceInstance?.configuration?.ideConfig?.useLatest;
 
         switch (this.state?.workspaceInstance?.status.phase) {
             // unknown indicates an issue within the system in that it cannot determine the actual phase of
@@ -524,6 +525,19 @@ export default class StartWorkspace extends React.Component<StartWorkspaceProps,
                                     {openLinkLabel}
                                 </button>
                             </div>
+                            {!useLatest && (
+                                <div className="text-sm text-gray-400 dark:text-gray-500 mt-5">
+                                    These IDE options are based on{" "}
+                                    <a
+                                        className="gp-link"
+                                        href={gitpodHostUrl.asPreferences().toString()}
+                                        target="_parent"
+                                    >
+                                        your user preferences
+                                    </a>
+                                    .
+                                </div>
+                            )}
                             {this.state.isSSHModalVisible === true && this.state.ownerToken && (
                                 <ConnectToSSHModal
                                     workspaceId={this.props.workspaceId}
@@ -626,7 +640,6 @@ export default class StartWorkspace extends React.Component<StartWorkspaceProps,
                 );
                 break;
         }
-        const useLatest = !!this.state.workspaceInstance?.configuration?.ideConfig?.useLatest;
         return (
             <StartPage phase={phase} error={error} title={title} showLatestIdeWarning={useLatest}>
                 {statusMessage}