Remove designs hover border

https://gitlab.com/gitlab-org/gitlab/-/merge_requests/37375

app/assets/javascripts/design_management_new/pages/index.vue

@@ -267,7 +267,6 @@ export default {
   <div
     data-testid="designs-root"
     class="gl-mt-5"
-    :class="{ 'designs-root': !isDesignListEmpty }"
     @mouseenter="toggleOnPasteListener"
     @mouseleave="toggleOffPasteListener"
   >

app/assets/stylesheets/components/design_management/design_list_item.scss

-.designs-root {
-  border: 2px dashed transparent;
-  transition: border $gl-transition-duration-medium $general-hover-transition-curve;
-
-  &:hover {
-    border-color: $gray-100;
-  }
-}
-
 .design-list-item {
   height: 280px;
   text-decoration: none;

changelogs/unreleased/mvanremmerden-remove-designs-hover-border.yml

+---
+title: Remove dashed border on designs hover
+merge_request: 37375
+author:
+type: fixed

spec/frontend/design_management_new/pages/__snapshots__/index_spec.js.snap

@@ -2,7 +2,7 @@
 
 exports[`Design management index page designs does not render toolbar when there is no permission 1`] = `
 <div
-  class="gl-mt-5 designs-root"
+  class="gl-mt-5"
   data-testid="designs-root"
 >
   <!---->
@@ -87,7 +87,7 @@ exports[`Design management index page designs does not render toolbar when there
 
 exports[`Design management index page designs renders designs list and header with upload button 1`] = `
 <div
-  class="gl-mt-5 designs-root"
+  class="gl-mt-5"
   data-testid="designs-root"
 >
   <header