Merge branch 'settings-search-box-placeholder' into 'master'

Fix flashy search box when loading a settings page

See merge request gitlab-org/gitlab!52835

app/assets/javascripts/search_settings/components/search_settings.vue

@@ -118,12 +118,10 @@ export default {
 };
 </script>
 <template>
-  <div class="gl-mt-5">
   <gl-search-box-by-type
     :value="searchTerm"
     :debounce="$options.TYPING_DELAY"
     :placeholder="__('Search settings')"
     @input="search"
   />
-  </div>
 </template>

app/views/shared/_search_settings.html.haml

+- container_class = local_assigns.fetch(:container_class, 'gl-mt-5')
+
 - if Feature.enabled?(:search_settings_in_page, @project, default_enabled: false)
+  %div{ class: container_class }
     .js-search-settings-app
+      %input.gl-form-input.form-control{ type: "text", placeholder: _("Search settings"), aria_label: _("Search settings"), disabled: true }