Add conditional nowrap based on screen size

- add back span element
- add conditional nowrap based on screen size

ee/app/assets/javascripts/dependencies/components/dependencies_table.vue

@@ -103,7 +103,6 @@ export default {
     :fields="$options.fields"
     :items="localDependencies"
     :busy="isLoading"
-    responsive
     data-qa-selector="dependencies_table_content"
     details-td-class="pt-0"
     stacked="md"

ee/app/assets/javascripts/dependencies/components/dependency_location.vue

@@ -67,13 +67,19 @@ export default {
     <span>
       <component
         :is="locationComponent"
-        class="gl-white-space-nowrap gl-display-block gl-mr-5"
+        class="gl-md-white-space-nowrap"
         data-testid="dependency-path"
         :href="location.blob_path"
       >
         <gl-icon v-if="isContainerImageDependency" name="container-image" />
         <gl-icon v-else name="doc-text" />
-        <gl-truncate position="start" :text="locationPath" with-tooltip />
+        <gl-truncate
+          class="gl-display-none gl-md-display-inline-flex"
+          position="start"
+          :text="locationPath"
+          with-tooltip
+        />
+        <span class="gl-md-display-none">{{ locationPath }}</span>
       </component>
       <span v-if="isTopLevelDependency">{{ s__('Dependencies|(top level)') }}</span>
     </span>

ee/app/assets/stylesheets/components/vulnerability_list.scss

@@ -99,3 +99,9 @@ $selection-summary-with-error-height: 118px;
     max-width: 25 * px-to-rem(8px);
   }
 }
+
+.gl-md-white-space-nowrap {
+  @media (min-width: 768px) {
+    white-space: nowrap;
+  }
+}