Removes whitespace at bottom of inline diffs

When in inline view the class `inline` gets applied which adds
the CSS `display: inline-block;` which incorrectly adds some
extra whitespace to the bottom of diffs.
This simply changes that class to be `inline-diff-view` instead.

Closes https://gitlab.com/gitlab-org/gitlab/-/issues/330874

app/assets/javascripts/diffs/components/diff_view.vue

@@ -133,7 +133,10 @@ export default {
 
 <template>
   <div
-    :class="[$options.userColorScheme, { inline, 'with-codequality': hasCodequalityChanges }]"
+    :class="[
+      $options.userColorScheme,
+      { 'inline-diff-view': inline, 'with-codequality': hasCodequalityChanges },
+    ]"
     :data-commit-id="commitId"
     class="diff-grid diff-table code diff-wrap-lines js-syntax-highlight text-file"
     @mousedown="handleParallelLineMouseDown"

app/assets/stylesheets/framework/diffs.scss

@@ -613,7 +613,7 @@ table.code {
     grid-template-columns: 1fr 1fr;
   }
 
-  &.inline {
+  &.inline-diff-view {
     .diff-grid-comments {
       display: grid;
       grid-template-columns: 1fr;