Merge branch 'work-item-design-management-alignment-fix' into 'master'

Work items design management: Fix alignment of placeholder

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/179245



Merged-by: Andrei Zubov <azubov@gitlab.com>
Approved-by: Annabel Dunstone Gray <annabel.dunstone@gmail.com>
Approved-by: Andrei Zubov <azubov@gitlab.com>
Co-authored-by: Sascha Eggenberger <seggenberger@gitlab.com>

app/assets/javascripts/work_items/components/design_management/design_item.vue

@@ -168,7 +168,7 @@ export default {
         </span>
       </div>
       <gl-intersection-observer
-        class="gl-grow"
+        class="gl-flex gl-grow gl-justify-center"
         data-testid="design-image"
         :data-qa-filename="filename"
         @appear="onAppear"

spec/frontend/work_items/components/design_management/__snapshots__/design_item_spec.js.snap

@@ -16,7 +16,7 @@ exports[`Design item component with notes renders item with multiple comments 1`
     class="card-body gl-flex gl-items-center gl-justify-center gl-overflow-hidden gl-p-0 gl-relative gl-rounded-t-base"
   >
     <gl-intersection-observer-stub
-      class="gl-grow"
+      class="gl-flex gl-grow gl-justify-center"
       data-qa-filename="test"
       data-testid="design-image"
     >
@@ -81,7 +81,7 @@ exports[`Design item component with notes renders item with single comment 1`] =
     class="card-body gl-flex gl-items-center gl-justify-center gl-overflow-hidden gl-p-0 gl-relative gl-rounded-t-base"
   >
     <gl-intersection-observer-stub
-      class="gl-grow"
+      class="gl-flex gl-grow gl-justify-center"
       data-qa-filename="test"
       data-testid="design-image"
     >