Fix stage dropdown rendering only in English

What does this MR do?

Removes "More" as the default stage and renders the stages dropdown only after the endpoint with stages has been fetched.

This needs a 11-4-stable backport.

What are the relevant issue numbers?

Closes #53133 (closed)

Does this MR meet the acceptance criteria?

• Changelog entry added, if necessary
• Documentation created/updated
• Tests added for this feature/bug
• Conforms to the code review guidelines
• Conforms to the merge request performance guidelines
• Conforms to the style guides

app/assets/javascripts/jobs/components/sidebar.vue

@@ -31,7 +31,7 @@ export default {
     },
   },
   computed: {
-    ...mapState(['job', 'stages', 'jobs', 'selectedStage']),
+    ...mapState(['job', 'stages', 'jobs', 'selectedStage', 'isLoadingStages']),
     coverage() {
       return `${this.job.coverage}%`;
     },
@@ -59,10 +59,10 @@ export default {
         return '';
       }
 
-    let t = this.job.metadata.timeout_human_readable;
-    if (this.job.metadata.timeout_source !== '') {
-      t += ` (from ${this.job.metadata.timeout_source})`;
-    }
+      let t = this.job.metadata.timeout_human_readable;
+      if (this.job.metadata.timeout_source !== '') {
+        t += ` (from ${this.job.metadata.timeout_source})`;
+      }
 
       return t;
     },
@@ -270,6 +270,7 @@ export default {
         />
 
         <stages-dropdown
+          v-if="!isLoadingStages"
           :stages="stages"
           :pipeline="job.pipeline"
           :selected-stage="selectedStage"